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

目次

© naopoyo

🌏

ngrokのはじめかた

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

ngrokとは

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

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

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

ngrok | API Gateway, Kubernetes Ingress, Webhook Gateway
ngrok simplifies app delivery by unifying API gateway, Kubernetes ingress, multi-cluster load balancing and more with ngrok's Universal Gateway.
ngrok.com favicon
ngrok.com
ngrok | API Gateway, Kubernetes Ingress, Webhook Gateway

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

その後、ダッシュボードの「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で各種ステータスやリクエストのログなどの確認ができます。

目次

最近更新された記事

🛷
開発日記-2025-10-29 / tocbot のオプション
1日前 - 2025年10月29日
  • 開発日記
  • tocbot
🚩
Next.js 16にアップグレードする
2日前 - 2025年10月27日
  • Next.js
✒️
エンジニア個人ブログまとめ
3日前 - 2025年10月27日
  • デザイン
  • Next.js
  • Markdown