Ngrokを使ってWebページを公開する

2181 ワード

環境 / 前提

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


6. 「Forwarding」に与えられた公開用URLが表示される。URLにブラウザでアクセス。

参考

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