追蹤

Sliven 褚崇名

Hi 我是 Sliven,我喜歡間單。

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/

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

本文章發表於:觀點放送

加入272

Sliven 褚崇名

追蹤 320 鼓勵作者

Hi 我是 Sliven,我喜歡間單。

鼓勵作者

目前持有 Blink Coin: Loading..

選擇禮物


愛心

(Coin 10)

幫高調

(Coin 20)

咖啡

(Coin 30)

掌聲鼓勵

(Coin 40)

崇拜眼神

(Coin 50)

驚呆了

(Coin 60)

神人4ni

(Coin 70)

花束

(Coin 100)

鑽石

(Coin 300)

紅寶石

(Coin 500)

藍寶石

(Coin 1000)

黃寶石

(Coin 3000)


送出鼓勵



發表匿名文章不會出現你的大頭圖與名稱,你可暢所欲言,但文章內容務必遵守「佈告欄使用規範」!


回應

送出回應


1 則回應

匿名

2019-01-10 #1

鼓勵了作者

0

想回應這篇文章嗎?也想發表文章嗎?
馬上登入來發表文章、追蹤作者、收藏文章或回應文章吧!

註冊 登入