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で各種ステータスやリクエストのログなどの確認ができます。

目次

最近更新された記事

✒️

エンジニア個人ブログまとめ

約6時間前·2026年01月30日
  • デザイン
  • Next.js
  • Markdown
⚙️

VS Code で Markdown を快適に扱うための設定

1日前·2026年01月29日
  • VS Code
  • Markdown
  • 開発環境
🦈

remとpxの変換表

3日前·2026年01月27日
  • CSS