Nginx根据不同浏览器语言配置页面跳转的方法

linux  /  管理员 发布于 7年前   396

当我们打开很多网站时，可能大家会发现，它会根据你使用的语言自动判断并跳转到不同的语言界面。例如：Google 也就是你用不同的语言，那么输入Google首页就可以自动转向你使用的语言。在这个网络普及的时代，外贸的主要途径一定是网络。也许你的企业网站既有中文版本，同时也有英文版本（如果你的公司有外贸业务）。那么他们的网站是怎样实现这个功能呢？下面我们来研究下Web服务器的Header,HTTP_ACCEPT_LANGUAGE是服务器所接收的语言，一般来说是服务器的语言。在网站可以看到，firefox在安装多个语言包的时候，会发送多个语言信息，但是首选的肯定是在第一个。

简体和繁体判断

这个功能开启很久了，但直到昨天才发现遗漏了 atom.xml ……

我想根据HTTP首部的 Accept-Language 决定提供简体或繁体的文件。在Chrome中， chrome://settings/languages 可以设定偏好语言，浏览器会据此设置 Accept-Language 首部。较好的处理方式是解析该字段，获取qvalue，根据优先级选取最恰当的语言。但仅用于支持简繁体，我想用取巧的办法：忽略优先级，只要 Accept-Language 里出现了 zh-Hant 、 zh-TW 、 zh-HK 等字样，就返回繁体，否则返回简体。

map $http_accept_language $lang { default zhs; ~zh-Hant zht; ~zh-TW zht; ~zh-HK zht;}

我用Hexo生成网站，源文件用繁体写成。对于 hexo generate 生成得到的 2015-10-06-nginx-accept-language-zhs-zht.html ，用 OpenCC 转换得到简体版本： 2015-10-06-nginx-accept-language-zhs-zht.html.zhs.html 。视情况还需要转换其他一些文件，比如 atom.xml 、 提供“阅读最多文章”功能 的 popular.json 。

# zshcd ~/maskray.me/publicopencc -c t2s.json -i atom.xml -o atom.xml.zhs.xmlfor i in **/*.html 20*; do # 选择需要简繁体支持的文件 c=${#${(s/.html/%)i}//[^%]/} # 计算子串`.html`出现次数 if (( $c <= 1 )); then   # 出现一次的为原始文件，需要转换成简体 opencc -c t2s.json -i $i -o $i.zhs.html fidone

在Nginx配置文件中指定需要简繁体支持的路由：

location ~ ^/blog/20?? { try_files $uri.$lang.html $uri =404; add_header Vary Accept-Language;}location ~ /atom.xml { try_files $uri.$lang.xml $uri =404; add_header Vary Accept-Language;}location ~ \.json$ { try_files $uri.$lang.json $uri =404; add_header Vary Accept-Language;}# 其他需要简繁体支持的路由

根据http请求头中的accept-language转发到不同的页面：
直接上代码

if ($http_accept_language ~* ^zh){    set $lang "/index_cn.jsp";}if ($http_accept_language !~* ^zh){    set $lang "/index_en.jsp";} location =/ {    proxy_set_header Host $host;    proxy_set_header X-Real-IP $remote_addr;    proxy_set_header X-Forwarded-For $remote_addr;    proxy_pass http://localhost:8080$lang;}

测试：
http://www.findmaven.net是一个findjar和findmaven的搜索引擎
浏览器设置（英文）

返回

浏览器设置（中文）

返回