naopoyo.com
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About

目次

© naopoyo

目次

最近更新された記事

🚈

Claude Code メモ

3日前·2026年02月18日
  • Claude Code
🎼

Rails + React 構成についてのメモ

4日前·2026年02月16日
  • Rails
  • React
🎣

GitHub App Webhook で push を処理するとき、知っておきたい制約と対処法

5日前·2026年02月16日
  • GitHub
  • Ruby
🌏

ngrokのはじめかた

公開日1年以上前2024-06-26
更新日1年以上前2024-09-12
履歴GitHubで見る
MarkdownRaw Content
  • 開発環境

ngrokとは

ngrokは、ローカルサーバーをインターネットに公開するためのリバースプロキシサービスです。例えば、外部のサービスからローカルサーバーのWebhookにリクエストを送信するというようなことができるようになります。

利用開始までの手順(Macの場合)

公式サイトでアカウント作成

ngrok - All your traffic. One gateway. | API Gateway, Secure Tunnels, Traffic Management
ngrok is an all-in-one cloud networking platform that secures, transforms, and routes your traffic to services running anywhere.
ngrok.com favicon
ngrok.com
ngrok - All your traffic. One gateway. | API Gateway, Secure Tunnels, Traffic Management

公式サイトでアカウントを作成してダッシュボードにログインします。

その後、ダッシュボードの「Setup & Installation」に従ってコマンドを実行していくと利用できます。以下は各コマンドの解説です。

インストール

brew install ngrok/ngrok/ngrok

Homebrewでngrokをインストールします。

Authtokenを設定

ngrok config add-authtoken [Authtoken]

このコマンドの後 ~/Library/Application Support/ngrok/ngrok.yml に設定ファイルが保存されています。

ローカルサーバーをインターネットに公開

ngrok http --domain=xxxx-yyyy-zzzz.ngrok-free.app 80

Static Domainを選択することで、固定ドメインで公開できます。

便利な機能

Web Interface

http://127.0.0.1:4040 にアクセスするとWeb Interfaceで各種ステータスやリクエストのログなどの確認ができます。