Zenn
🪂

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

2022/04/30に公開
nginx
ngrok
tech

環境 / 前提

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を利用した開発に便利！https://www.youtube.com/watch?v=9UYZf-AUXhw&t=24s
ngrokが便利すぎる

Discussion