Nginx根據不同瀏覽器語言配置頁面跳轉的方法

當我們打開很多網站時，可能大家會發現，它會根據你使用的語言自動判斷并跳轉到不同的語言界面。例如：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的搜索引擎
瀏覽器設置（英文）

返回

瀏覽器設置（中文）

返回