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

SiteGround 3 折主機優惠 + WordPress 一鍵安裝完整教學

Hostinger 1.2 折主機優惠 + WordPress 一鍵安裝完整教學

現在所有的網站慢慢都採用了 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" ✅

影片教學：

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

mkcert 實現 Localhost SSL 加密證書

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

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

你也可以參考作者的原始文章了解更多資訊內容：https://blog.filippo.io/mkcert-valid-https-certificates-for-localhost/