系统城装机大师 - 固镇县祥瑞电脑科技销售部宣传站!

当前位置:首页 > server > anz > 详细页面

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

时间:2020-03-05来源:电脑系统城作者:电脑系统城

当我们打开很多网站时,可能大家会发现,它会根据你使用的语言自动判断并跳转到不同的语言界面。例如: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 等字样,就返回繁体,否则返回简体。


 
  1. map $http_accept_language $lang {
  2. default zhs;
  3. ~zh-Hant zht;
  4. ~zh-TW zht;
  5. ~zh-HK zht;
  6. }

我用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 。


 
  1. # zsh
  2. cd ~/maskray.me/public
  3. opencc -c t2s.json -i atom.xml -o atom.xml.zhs.xml
  4. for i in **/*.html 20*; do # 选择需要简繁体支持的文件
  5. c=${#${(s/.html/%)i}//[^%]/} # 计算子串`.html`出现次数
  6. if (( $c <= 1 )); then # 出现一次的为原始文件,需要转换成简体
  7. opencc -c t2s.json -i $i -o $i.zhs.html
  8. fi
  9. done

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


 
  1. location ~ ^/blog/20?? {
  2. try_files $uri.$lang.html $uri =404;
  3. add_header Vary Accept-Language;
  4. }
  5.  
  6. location ~ /atom.xml {
  7. try_files $uri.$lang.xml $uri =404;
  8. add_header Vary Accept-Language;
  9. }
  10.  
  11. location ~ \.json$ {
  12. try_files $uri.$lang.json $uri =404;
  13. add_header Vary Accept-Language;
  14. }
  15.  
  16. # 其他需要简繁体支持的路由
  17.  


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


 
  1. if ($http_accept_language ~* ^zh){
  2. set $lang "/index_cn.jsp";
  3. }
  4. if ($http_accept_language !~* ^zh){
  5. set $lang "/index_en.jsp";
  6. }
  7.  
  8. location =/ {
  9. proxy_set_header Host $host;
  10. proxy_set_header X-Real-IP $remote_addr;
  11. proxy_set_header X-Forwarded-For $remote_addr;
  12. proxy_pass http://localhost:8080$lang;
  13. }

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

201641992940222.jpg (697×578)

201641993004513.jpg (1021×685)

返回

201641993025751.jpg (1263×1862)

浏览器设置(中文)

201641993042351.jpg (692×582)

返回

201641993104034.jpg (1134×735)

分享到:

相关信息

  • Nginx主机域名配置实现

    一、配置多个端口访问不同文件 二、配置不同域名访问不同文件 三、配置不同域名访问同个文件...

    2023-03-17

  • Nginx配置-日志格式配置方式

    上线了一个小的预约程序,配置通过Nginx进行访问入口,默认的日志是没有请求时间的,因此需要配置一下,将每一次的请求的访问响应时间记录出来,备查与优化使用....

    2023-03-17

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载