Macでlocalhostに立てたWebサーバにHTTPSでアクセスする方法（mkcertとlocal-ssl-proxyを使う）

参照リンク

• mkcertを利用してローカルのNext.js開発環境にHTTPSアクセスができるようにしてみた | DevelopersIO
• cameronhunter/local-ssl-proxy: Simple SSL HTTP proxy using a self-signed certificate. Intended for local development only.

前提

• MacでローカルWebサーバを立ち上げ、http://localhost:9000/home/ のように使っている。

問題

• HTTPSでアクセスできない。

解決

• mkcertで local CAを作り、system trusted storeに登録する。
• mkcertで localhost 用のself-signed certificateを作る。
• local-ssl-proxyでSSL Proxyを立てる（その際に、self-signed certifcate, source port, target portを指定する）。
• https://localhost:9001/home/ としてアクセスできる。

コマンド例

• mkcertを利用してローカルのNext.js開発環境にHTTPSアクセスができるようにしてみた | DevelopersIO — こちらの記事をお読みください。

$ open http://localhost:9000/home/
$ brew install mkcert
$ mkcert --version
$ security dump-trust-settings -d
$ mkcert -install
$ security dump-trust-settings -d
$ mkcert localhost
$ ls *.pem
$ npm install -g local-ssl-proxy
$ local-ssl-proxy --key localhost-key.pem --cert localhost.pem --source 9001 --target 9000
$ open https://localhost:9001/home/

謝辞

DevelopersIOの記事をご紹介してくださり、感謝。

• Thanks to @S_H_@gamelinks007.net