系統城裝機大師 - 唯一官網:www.farandoo.com!

當前位置:首頁 > 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)

分享到:

相關信息

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

jlzzjlzz亚洲乱熟在线播放