Ngrok とは

Ngrokは、localhost で動いているアプリケーションを、インターネットからアクセスできるように外部公開することができるシステムです。

下記のようなケースで役立ちそうです。

• スマホ実機でローカル環境を見ながら実装
• 制作中のアプリケーションを共有する
• リモート先のメンバーに確認してもらう

BASIC 認証の設定も可能です。
ローカル環境を変更すると即時反映されます！

Ngrok の導入方法

Ngrok に SignUp

初回時は SignUp が必要なので、登録と実行ファイルのインストールを行う。
指示に従い token を紐付けして下さい。

インストール

Homebrew 経由でインストールします。
brew install --cask ngrok

サーバーにアクセス

localhost と同じポート番号で下記のコマンドをターミナルに入力しましょう。
ngrok http 3000
Forwarding 　　https://xxxxxxxxxxxxx.jp.ngrok.io → http://localhost:3000
と表示されるのでその URL にアクセス。

そして、Visit Site をクリックするとローカル環境が表示されます。