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