通俗講解【重定向】及其實踐
三分鐘，帶你學習和實踐域名重定向
大家好，我是魚皮，今天分享 重定向 小知識，以及我在騰訊云云開發(fā)中實現(xiàn)域名重定向的實踐。
孽起
之前，我開發(fā)了一個編程導航網(wǎng)站，將網(wǎng)站放到了騰訊云云開發(fā)上，用云托管（容器）的方式部署和維護。還購買了一個域名 code-nav.cn，并且在云開發(fā)后臺 訪問服務(wù) 中，將該域名的子域名 www.code-nav.cn 和存放網(wǎng)站文件的容器相關(guān)聯(lián)，配置如圖：
然后，大家就能通過網(wǎng)址 www.code-nav.cn 訪問該網(wǎng)站了。
但是，很快，我就發(fā)現(xiàn)了一個嚴重的問題。
有不少同學想要訪問我的網(wǎng)站，但是，由于他們輸入的網(wǎng)址是 code-nav.cn，省略了網(wǎng)址前綴 www，導致網(wǎng)站無法訪問。也讓我流失了一批用戶。
初戰(zhàn) —— 域名配置
要解決這個問題，其實很簡單，之前是配置 www 子域名指向容器，那在云開發(fā)后臺再加一條配置，直接將購買的域名（父域名）code-nav.cn 也指向容器，不就成了么？
配置如下：
這樣，無論用戶是否輸入 www 前綴，都能夠訪問到我們的網(wǎng)站啦！
看似非常完美，但目前，網(wǎng)站其實還存在一定問題。
現(xiàn)存問題
首先，帶 www 與不帶 www 其實是兩個不同的網(wǎng)址，雖然對用戶來說，感覺是訪問了同一個網(wǎng)站。但對于搜索引擎，小蜘蛛們會把他們識別為兩個不同的網(wǎng)站，并且分別收錄這兩個路徑下網(wǎng)站的內(nèi)容，導致權(quán)重分散。雖然對流量小的網(wǎng)站來說影響不大，但對于大站點，這是必須要處理的問題。
此外，訪問 code-nav.cn（不帶 www）的用戶反映，網(wǎng)站上的數(shù)據(jù)無法加載。這是因為，騰訊云云開發(fā)的 WEB 安全域名限制，只有在白名單內(nèi)的域名才允許訪問云資源（數(shù)據(jù)、文件等），因此，還要在 安全配置 中，補上 code-nav.cn 域名。
雖然現(xiàn)在訪問正常了，但是如果業(yè)務(wù)中還有一些和 www 網(wǎng)址強相關(guān)的邏輯，比如判斷用戶訪問的網(wǎng)址必須是 www.code-nav.cn 才允許登錄，那么你還要去修改代碼，考慮稍有不周，就會導致一些功能出現(xiàn)問題。
為解決這些問題，我們可以使用 重定向 技術(shù)。
重定向
重定向是一個很廣泛的概念，即通過各種方法將各種網(wǎng)絡(luò)請求重新定個方向轉(zhuǎn)到其它位置，比如網(wǎng)頁重定向、域名重定向、數(shù)據(jù)報文重定向等。
在網(wǎng)站開發(fā)中，重定向的應用場景太多了，比如用戶未登錄時，將它輸入的網(wǎng)址自動跳轉(zhuǎn)為登錄頁；用戶訪問舊版網(wǎng)址時，自動跳轉(zhuǎn)到新版網(wǎng)頁。重定向不僅是導游，也是一名霸道的保安。
因此，很多大站點都會采用重定向技術(shù)。比如訪問百度 baidu.com，按 F12 查看開發(fā)者控制臺，可以看到網(wǎng)址通過 302 重定向，自動跳轉(zhuǎn)為了 www.baidu.com。
那問題就來了，啥是 302 重定向？
不妨看一看常見的重定向 HTTP 狀態(tài)碼。
重定向 HTTP 狀態(tài)碼
和重定向有關(guān)的 HTTP 狀態(tài)碼主要是 301、302、303、307、308，最常用的是 301 和 302，可以看看 MDN 官方對它們的解釋。
301 是永久重定向（Moved Permanently）說明請求的資源已經(jīng)被 永久 移動到了由 Location 頭部指定的 url 上，是固定的不會再改變，搜索引擎會根據(jù)該響應修正。
而 302 是暫時性轉(zhuǎn)移（Moved Temporarily，或者 Found），表明請求的資源被 暫時 移動到了由 Location 頭部指定的 URL 上。瀏覽器會重定向到這個 URL， 但是搜索引擎不會對該資源的鏈接進行更新。
雖然 301 和 302 都能夠?qū)⒂脩糨斎氲木W(wǎng)址 A， 改為重定向后的網(wǎng)址 B，但他們還是有區(qū)別的：
搜索引擎區(qū)別：301 表示原地址 A 的資源已被移除，永遠無法訪問，搜索引擎抓內(nèi)容時會將網(wǎng)址 A 全部替換為 B；而 302 表示網(wǎng)址 A 還活著，搜索引擎會在抓取網(wǎng)址 B 新內(nèi)容的同時，保留網(wǎng)址 A 的記錄。
安全性：302 跳轉(zhuǎn)有網(wǎng)站劫持的風險，導致網(wǎng)站被盜用。
再戰(zhàn) —— 云開發(fā)重定向?qū)嵺`
了解重定向之后，來試試怎么實現(xiàn)重定向，以及如何在云開發(fā)中實現(xiàn)域名重定向。
實現(xiàn)重定向的方式有很多，很大程度上依賴于你使用的 web 服務(wù)器，比如 Nginx、Apache、Tomcat 等，一般在服務(wù)器中添加幾條配置即可。
我的編程導航網(wǎng)站是以容器的方式，部署在云開發(fā)提供的云托管功能上的。我把開發(fā)好的網(wǎng)站文件和提供 web 服務(wù)的 Nginx 服務(wù)器一起打包，做成了容器，于是，可以將每個容器當成一個小服務(wù)器，獨立運行。
要支持重定向，只需要修改下 Nginx 的配置。比如這里我選擇給整個網(wǎng)站添加 301 永久重定向，配置文件如下：
server {
?listen 80;
?# gzip config
?gzip on;
?...
?root /usr/share/nginx/html;
?include /etc/nginx/mime.types;
?# 添加重定向
?if ($http_host ~ "^code-nav.cn") {
? ?rewrite ?^(.*) ? ?https://www.code-nav.cn permanent;
?}
}
不必手寫和記憶 Nginx 配置，直接使用可視化界面生成即可：
詳情參見這篇文章：輕松搞定 Nginx 配置代碼的神器！
其他的服務(wù)器配置也可以自行查閱文檔，這里不再贅述。
然后，在云托管上創(chuàng)建新版本，發(fā)布新的容器，就大功告成啦！
查看下效果，訪問 code-nav.cn，網(wǎng)站重定向到了 www.code-nav.cn，完美！
總結(jié)
最后，回顧下在騰訊云云開發(fā)中實現(xiàn)域名重定向的完整過程，包括如下步驟：
在
訪問服務(wù)中添加父域名到網(wǎng)站的指向（云托管等）在
安全配置中添加父域名到白名單中在 web 服務(wù)器中添加重定向配置
新建版本，部署發(fā)布
整個流程還是非常簡單的~
還有視頻講解版，歡迎大家觀看：
如果本文對大家有幫助，請一定要給個 贊 支持呀！??
