快捷導(dǎo)航

Nginx根據(jù)不同瀏覽器語言配置頁面跳轉(zhuǎn)的方法

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

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

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

簡體和繁體判斷

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

我想根據(jù)HTTP首部的 Accept-Language 決定提供簡體或繁體的文件。在Chrome中， chrome://settings/languages 可以設(shè)定偏好語言，瀏覽器會據(jù)此設(shè)置 Accept-Language 首部。較好的處理方式是解析該字段，獲取qvalue，根據(jù)優(yōu)先級選取最恰當(dāng)?shù)恼Z言。但僅用于支持簡繁體，我想用取巧的辦法：忽略優(yōu)先級，只要 Accept-Language 里出現(xiàn)了 zh-Hant 、 zh-TW 、 zh-HK 等字樣，就返回繁體，否則返回簡體。

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

我用Hexo生成網(wǎng)站，源文件用繁體寫成。對于 hexo generate 生成得到的 2015-10-06-nginx-accept-language-zhs-zht.html ，用 OpenCC 轉(zhuǎn)換得到簡體版本： 2015-10-06-nginx-accept-language-zhs-zht.html.zhs.html 。視情況還需要轉(zhuǎn)換其他一些文件，比如 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}//[^%]/} # 計(jì)算子串`.html`出現(xiàn)次數(shù)
 if (( $c <= 1 )); then   # 出現(xiàn)一次的為原始文件，需要轉(zhuǎn)換成簡體
 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;
}

# 其他需要簡繁體支持的路由

根據(jù)http請求頭中的accept-language轉(zhuǎn)發(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的搜索引擎
瀏覽器設(shè)置（英文）

201641992940222.jpg (697×578)