引言

在Web開發(fā)中我們可能會(huì)遇到調(diào)用后端服務(wù)或者Api接口，在某些場(chǎng)景下我們可能需要走h(yuǎn)ttps，一般情況下我們會(huì)直接放到線上進(jìn)行這樣的測(cè)試，對(duì)我們的開發(fā)造成了很大程度上時(shí)間的浪費(fèi)，因此用上這款神器即可生成本地SSL證書，供我們開發(fā)使用，它就是mkcert。

介紹

mkcert是一個(gè)簡(jiǎn)單的零配置SSL生成工具，可以使用你喜歡的任何名稱制作本地可信賴的開發(fā)證書。生成的證書可供我們?cè)诒镜匦枰猦ttps 的場(chǎng)景下使用，而且工具本身是跨平臺(tái)的，支持windows、macOS和Linux。

Github地址

https://github.com/FiloSottile/mkcert

安裝

• macOS

使用Homebrew

brew install mkcertbrew install nss # 如果你用火狐

使用MacPorts

sudo port selfupdatesudo port install mkcertsudo port install nss

• Linux

在Linux首先你得安裝certutil

sudo apt install libnss3-tools -or-sudo yum install nss-tools -or-sudo pacman -S nss

然后使用Linuxbrew

brew install mkcert

或者直接源碼構(gòu)建

go get -u github.com/FiloSottile/mkcert$(go env GOPATH)/bin/mkcert

再或者你可以下載github上發(fā)布的編譯好的二進(jìn)制文件

• windows

使用Chocolatey

choco install mkcert

或者使用Scoop

scoop bucket add extrasscoop install mkcert

也可以從源碼自行構(gòu)建(需要go1.10+環(huán)境)以及下載編譯好的二進(jìn)制文件

使用方式

我本身是Windows系統(tǒng)，因此我就在windows上演示，其它系統(tǒng)類似，可自行嘗試

1、首先我們下載github上編譯好的二進(jìn)制文件，并存放在系統(tǒng)文件夾的某個(gè)文件夾下，然后將它添加到系統(tǒng)環(huán)境變量方便我們使用，如下圖所示：

2、這里為了演示方便，我就直接用live-server搭建一個(gè)靜態(tài)服務(wù)器，項(xiàng)目目錄結(jié)構(gòu)如下圖所示：

3、我們先直接啟動(dòng)下我們的live-server(live-server使用方式請(qǐng)看我前一篇文章介紹)，直接在VSCode右擊index.html,然后點(diǎn)擊Open with Live server，然后瀏覽器會(huì)自動(dòng)打開

此時(shí)還沒有配置https，因此會(huì)有不安全的提示，我們繼續(xù)往下看

4、使用mkcert生成證書，因?yàn)槲覀儼裮kcert的二進(jìn)制加入到了系統(tǒng)環(huán)境變量，那我們直接在項(xiàng)目的根目錄使用mkcert，首先執(zhí)行mkcert -install，在彈出的窗口點(diǎn)擊是即可，然后直接一鍵命令mkcert 127.0.0.1，此時(shí)你的項(xiàng)目根目錄下已經(jīng)有一個(gè)證書和一個(gè)私鑰文件了。

5、在項(xiàng)目根目錄新建一個(gè).vscode文件夾，只能在VSCode中新建，在外面新建不了該文件夾，然后新建一個(gè)settings.json文件，內(nèi)容如下

{ "liveServer.settings.https": { "enable": true, "cert": "E://httpsTest//127.0.0.1.pem

總結(jié)

以上是生活随笔為你收集整理的macos 此服务器的证书无效_跨平台本地SSL证书生成工具，本地也能优雅的调试https...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。