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

更新時間：2016年04月19日 09:33:10 作者：raysong

這篇文章主要介紹了Nginx根據不同瀏覽器語言配置頁面跳轉的方法,包括一個簡體繁體的基本判斷方法及實際根據中英文跳轉的例子,需要的朋友可以參考下

當我們打開很多網站時，可能大家會發(fā)現，它會根據你使用的語言自動判斷并跳轉到不同的語言界面。例如：Google 也就是你用不同的語言，那么輸入Google首頁就可以自動轉向你使用的語言。在這個網絡普及的時代，外貿的主要途徑一定是網絡。也許你的企業(yè)網站既有中文版本，同時也有英文版本（如果你的公司有外貿業(yè)務）。那么他們的網站是怎樣實現這個功能呢？下面我們來研究下Web服務器的Header,HTTP_ACCEPT_LANGUAGE是服務器所接收的語言，一般來說是服務器的語言。在網站可以看到，firefox在安裝多個語言包的時候，會發(fā)送多個語言信息，但是首選的肯定是在第一個。

簡體和繁體判斷

這個功能開啟很久了，但直到昨天才發(fā)現遺漏了 atom.xml ……

我想根據HTTP首部的 Accept-Language 決定提供簡體或繁體的文件。在Chrome中， chrome://settings/languages 可以設定偏好語言，瀏覽器會據此設置 Accept-Language 首部。較好的處理方式是解析該字段，獲取qvalue，根據優(yōu)先級選取最恰當的語言。但僅用于支持簡繁體，我想用取巧的辦法：忽略優(yōu)先級，只要 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 。

# zsh
cd ~/maskray.me/public
opencc -c t2s.json -i atom.xml -o atom.xml.zhs.xml
for i in **/*.html 20*; do # 選擇需要簡繁體支持的文件
 c=${#${(s/.html/%)i}//[^%]/} # 計算子串`.html`出現次數
 if (( $c <= 1 )); then   # 出現一次的為原始文件，需要轉換成簡體
 opencc -c t2s.json -i $i -o $i.zhs.html
 fi
done

在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轉發(fā)到不同的頁面：
直接上代碼

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的搜索引擎
瀏覽器設置（英文）

201641992940222.jpg (697×578)