ngrokでローカルのWebページを公開する

· ngrok, networking

環境 / 前提

Homebrew: 3.4.7 Nginx: 1.21.6 Ngrok: 3.0.2

Ngrokについて

Ngrok (読：エンジーロック) ローカルの特定のポートをWeb上に公開するツール 料金：無料 (有料版でドメインやチーム使用が可能) 公式サイト：https://ngrok.com/

手順

  1. Ngrok公式サイトでアカウント登録。メール認証を済ませる。
  2. Ngrok公式サイトのダウンロードページに沿いNgrokをインストール
brew install ngrok/ngrok/ngrok
  1. Ngrok管理画面の「Getting Started > setup & installation」で認証トークンとコマンドを取得。実行。
ngrok config add-authtoken <token>
  1. Nginxを起動。ローカルホスト8080にウェルカムページを表示
nginx

http://localhost:8080/　にアクセス

  1. Ngrokの起動。ポート8080をWebに公開
ngrok http 8080
  1. 「Forwarding」に与えられた公開用URLが表示される。URLにブラウザでアクセス。

参考

Web開発の便利ツール ngrokをご紹介！ webhookを利用した開発に便利！ ngrokが便利すぎる