【Web】ローカル環境でSSL(https)の動作確認をする

もくじ

ngrokとは

ngrokはローカル環境で動いているアプリをそのままインターネット上に公開できるサービスで、ドメインを割り当ててくれます。

ドメインを割り当ててくれるので、httphttpsもどちらも確認することができます。

GitHub - inconshreveable/ngrok: Introspected tunnels to localhost

ngrokインストール

$ brew install ngrok
〜(略)〜
🍺  ngrok was successfully installed!

ちなみにHomebrewがインストールされていることが前提です。

bonoponz.hatenablog.com

ngrok起動

$ ngrok http [ポート番号]

例えばローカルで起動しているサーバのポート番号が8080なら以下の通りです。

$ ngrok http 8080

起動するとドメインが割り当てられたURLを確認できます。

f:id:bonoponz:20210205164415p:plain

SSLhttps)通信でアクセス

画像の赤く囲ったURLにアクセスするとSSLhttps)通信になっているはずです。

f:id:bonoponz:20210205171826p:plain

とても簡単ですね!

注意点

最後に注意点をあげると、接続の負荷が一定数超えるとエラーになりました。

Too Many Connections

Too many connections! The tunnel session has violated the rate-limit policy of 20 connections per minute by initiating 40 connections in the last 60 seconds. Please decrease your inbound connection volume or upgrade to a paid plan for additional capacity.

The error encountered was: ERR_NGROK_702

ブラウザの表示

f:id:bonoponz:20210205185843p:plain

↓日本語訳

f:id:bonoponz:20210205190026p:plain

簡単な動作確認には向いていますが、やはり無償ですので制限はあります。有償版もありますので、よければ検討してもいいですね。

参考URL

ローカル環境でもHTTPS通信で動作検証する方法 - ryotaku's Tech Blog