Sliven

Google SEO 搜尋引擎優化專家。熱愛科技,同時為科技月球 TechMoon 網站創辦人。

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

本文轉載於: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” ✅

影片教學:

https://techmoon.xyz/mkcert/

配置完成後就可以看到你的 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/

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

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區