低成本將你的網站切換為 HTTPS

lsvih發表於2017-09-07

原文地址：Switching Your Site to HTTPS on a Shoestring Budget

原文作者：CHRISTOPHER SCHMITT

譯文出自：掘金翻譯計劃

本文永久連結：github.com/xitu/gold-m…

譯者：lsvih

校對者：ahonn, Cherry

低成本將你的網站切換為 HTTPS

Google 的 Search Console 小組最近向所有站長髮了一封 email，警告 Google Chrome 將從 10 月起，在包含表單但沒有使用安全措施的網站中顯示警告資訊。

下圖為我收件箱裡的通知：

圖為 Google Search Console 團隊發來的關於 HTTPS 支援的通知

如果你的網站還不支援 HTTPS，那這個通知就直接與你相關。即使你的網站並沒有用到表單，也應當早日將網站遷移為 HTTPS。因為現在這項措施只不過是 Google“標識非安全網站”策略的第一步。他們在訊息中明確表示：

這個新的警告僅僅是將所有通過 HTTP 提供服務的頁面標記為“不安全”的長期計劃的一部分。

當前 Chrome 用以表示支援 HTTP 的站點以及支援 HTTPS 站點的 UI 設計

問題在於：安裝 SSL 證照、將網站 URL 從 HTTP 轉換為 HTTPS、以及將所有連結和影象連結等都換成 HTTPS 並不是一項簡單的任務。誰會為了自己的個人網站去費時費錢呢？

我使用 GitHub Pages 免費託管了一系列的網站和專案，其中的一部分還使用了自定義域名。因此，我想看看我能否快速、低成本地將這些網站從 HTTP 遷移為 HTTPS。最後我找到了一種相對簡單且低成本的方案，希望能夠幫助到你們。下面讓我們來探究一下這種方法吧。

對 GitHub Pages 強制啟用 HTTPS

託管在 GitHub Pages 上的網站可以通過設定很方便地啟用 HTTPS。進入專案設定頁面，勾上“Enforce HTTPS”即可。

但我們仍然需要 SSL

第一步十分的簡單，但它並不符合 Google 對安全網站定義的要求。我們啟用了 HTTPS 設定，但是沒有為使用自定義域名的網站安裝、提供 SSL 證照。直接使用 GitHub Pages 提供的網址的站點已經完全符合要求了，但是使用自定義域名的站點必須要進行一些額外的步驟，讓其在域名的層面上使用安全證照。

還有個問題，SSL 證照雖然並不貴，但也需要花一筆錢，在你儘可能希望降低成本時可不想為此增加花費。所以得找個辦法解決這個問題。

我們可以通過 CDN 免費試用 SSL！

在這兒就不得不提 Cloudflare 了。Cloudflare 是一個內容分發網路（CDN）提供商，同時它也提供分散式域名服務，這也意味著我們可以利用他們的網路來設定 HTTPS。使用這個服務真正的好處在於他們提供了免費的方案，讓這一切成為可能。

另外，值得一提的是在 CSS-Tricks 論壇裡也有許多帖子描述了使用 CDN 的好處。雖然這篇文章中主要探討的是安全性問題，但其實 CDN 除了能幫你使用 HTTPS 之外，還是降低伺服器負載、提升網站效能的絕佳方式。

在下文中，我將簡述我使用 Cloudflare 連線 Github Pages 的步驟。如果你還沒有 Cloudflare 賬號，你可以點選這兒註冊賬號再跟著步驟操作。

第一步：選擇“+ Add Site”選項

首先，我們需要告訴 Cloudflare 我們使用的域名。Cloudflare 將會掃描 DNS 記錄，以驗證域名是否存在，並檢查域名的公開資訊。

第二步：檢視 DNS 記錄

Cloudflare 掃描 DNS 記錄後會將結果展示出來供你檢視。如果 Cloudflare 認為這些資訊符合要求，就會在“Status”列中顯示一個橙色的雲的圖示。你需要檢查這份報告，確認其中的資訊與你在域名註冊商中留的資訊相符，如果沒問題的話，點選“Continue”按鈕繼續。

第三步：獲取免費方案

Cloudflare 會詢問你需要哪種級別的服務。瞧~你可以在這兒選擇“免費”選項。

第四步：更新域名解析伺服器（NS 伺服器）

這一步中，Cloudflare 給我們提供了其伺服器地址，我們要做的就是將這個地址貼上到自己的域名註冊商中的 DNS 設定裡。

這一步其實並不困難，但你可能會有些疑惑。你的域名註冊商可能會提供這一步的操作指南。例如點此檢視 GoDaddy 的指南，瞭解如何通過他們的服務更新域名解析伺服器。

完成這一步之後，你的域名將會很快被對映到 Cloudflare 的伺服器上，這些伺服器將成為域名與 Github Pages 之間的中間層。不過，這一步需要耗費一些時間，Cloudflare 可能需要 24 小時來處理這個請求。

如果你沒有用主域名，而是用了子域名來使用 GitHub Pages，則需要額外進行一步操作。開啟你的 GitHub Pages 設定頁面，在 DNS 設定中新增一條 CNAME 記錄，設定它指向 <your-username>.github.io，其中 <your-username> 是你的 Github 賬號。此外，你需要在 GitHub 專案的根目錄下新增一個檔名為 CNAME 的無字尾名文字文件，其內容為你的域名。

下面的螢幕截圖為在 Cloudflare 設定中將 GitHub Pages 子域名新增為 CNAME 記錄的例子：

第五步：在 Cloudflare 中啟用 HTTPS

現在，我們從技術上說已經為 GitHub Pages 啟用了 HTTPS，但是我們還需要在 Cloudflare 中做同樣的事。Cloudflare 把這個功能稱為“Crypto”，不僅強制開啟了 HTTPS，還提供了我們夢寐以求的 SSL 證照。現在先讓我們為 HTTPS 啟用 Crypto，之後的步驟中我們會獲取到證照的。