Mkcert — 讓你在 Localhost 與 IP 環境中也能安裝 SSL 證書,啟用 HTTPS 協議 — TechMoon 科技月球

SlivenRed發表於2019-01-09

本文轉載於:mkcert – 讓你在 Localhost 與 IP 環境中也能安裝 SSL 證照,啟用 HTTPS 協議

首發於:TechMoon - 科技月球

現在所有的網站慢慢都採用了 HTTPS 協議來避免駭客的攻擊,但是要想要使用 HTTPS 協議就必須使用 TLS 證照,這代表你必須先擁有一個網域(例如 techmoon.xyz),否則假如你是將網站安裝在本地主機或是 IP Server 上, 就無法透過 Let’s Encrypt 這樣的 SSL 發證平臺獲取 Localhost 的 SSL 證照

但當我們在進行網站測試時,有時仍然會先在本地 Localhost 安裝一個 Beta 版本進行調教與測試,或是使用 IP 位址作為測試開發環境。此時若僅能使用 HTTP 進行測試的話,在正式上線時就常常會發生網站出現許多 Mixed Content 混合內容的問題。

這就是在 Localhost 上使用 HTTP 協議開發的缺點。

因此,國外的大神 Filippo Valsorda 開源了一款名為 mkcert 的工具,讓所有開發人員可以透過此工具快速的配置一個本地 Localhost 的 SSL 證照,使我們在本地 Localhost 開發時仍然可以使用 HTTPS 協議進行測試。

透過以下指令就能輕鬆在你的本地開發環境當中新增 SSL 證照:

$ mkcert -install Created a new local CA at “/Users/filippo/Library/Application Support/mkcert” ? The local CA is now installed in the system trust store! ⚡️ The local CA is now installed in the Firefox trust store (requires restart)! ?

$ mkcert example.com “*.example.org” myapp.dev localhost 127.0.0.1 ::1 Using the local CA at “/Users/filippo/Library/Application Support/mkcert” ✨

Created a new certificate valid for the following names ? — “example.com” — “*.example.org” — “myapp.dev” — “localhost” — “127.0.0.1” — “::1”

The certificate is at “./example.com+5.pem” and the key at “./example.com+5-key.pem” ✅

影片教學:

techmoon.xyz/mkcert/

配置完成後就可以看到你的 Localhost 就擁有 HTTPS 協議:

mkcert 實現 Localhost SSL 加密證照
mkcert - 讓你在 Localhost 與 IP 環境中也能安裝 SSL 證照,啟用 HTTPS 協議 3

mkcert 實現 Localhost SSL 加密證照

目前 mkcert 支援 macOS, Linux, and Windows, and Firefox, Chrome and Java

如果你有在 Localhost 或是 IP Server 環境中使用 HTTPS 協議的需求,可以前往原作者的 Github 進行安裝:github.com/FiloSottile…

你也可以參考作者的原始文章瞭解更多資訊內容:blog.filippo.io/mkcert-vali…

如果你覺得我有幫助到你,歡迎小額贊助我,你的每一個捐贈都對我特別有幫助,感激不盡。
mkcert - 讓你在 Localhost 與 IP 環境中也能安裝 SSL 證照,啟用 HTTPS 協議 4

如果你覺得我有幫助到你,歡迎小額贊助我,你的每一個捐贈都對我特別有幫助,感激不盡。

相關文章