Open3

ngrokについて気になったことのまとめ

kamimikamimi

ngrokとは

ローカルPC上で稼働しているネットワークを外部公開できるサービス

例えば、localhost:3000 をローカルPCだけではなく、外部からアクセスできるようにしたい場合など(ちなみにhttpプロトコルでいいのであれば、localhost部分を自分のPCのIPアドレスに書き換えするという方法だけでも問題ない時もあると思う)

https://ngrok.com/

インストール方法

brew install ngrok

または

公式ホームページからzipをダウンロード

使い方

  • 例えばlocalhost:3000を外部公開したい場合
ngrok http 3000
kamimikamimi

注意点

無料プランでは、ngrokが発行するURLは発行の度に異なる

  • 固定にするには有料プランにアップグレードが必要

ngrok のアカウント登録が必要(以前は不要だった)

ngrok のauthtokenの登録が必要

公式ページにログインした後の「Setup & Installation」のページにコマンドが書いてある

Running this command will add your authtoken to the default ngrok.yml configuration file. This will grant you access to more features and longer session times. Running tunnels will be listed on the endpoints page of the dashboard.

ngrok config add-authtoken <authtoken>

どのタイミングかは調べていないが、You are about to visit のページが表示される

このページを表示させない方法は以下3つ

  • リクエストヘッダーにkeyをngrok-skip-browser-warning、valueはなんでもいいので設定する
  • リクエストヘッダーにカスタムまたはスダンダードではないUser-Agentを設定する
  • ngrokアカウントを有料プランにアップグレードする

リクエストヘッダの変え方(ブラウザからリクエストする場合)

ModHeaderなどのChrome拡張を使用して、ヘッダに値を設定する