ngrokとは何ですか？

ローカル環境で動作しているWebサーバーを、一時的にインターネットに公開できるトンネリングツール。Webhookのテストやデモに便利。

ngrokのポイントは？

localhostで動作しているサーバーに、外部からアクセスできる公開URLを発行してくれる。Webhookの受信テストやモバイルアプリの動作確認、クライアントへのデモに便利。コマンド一発で使えるシンプルさが特徴で、面倒なネットワーク設定は不要。HTTPS対応・認証機能・リクエストインスペクターなど開発に便利な機能を搭載

【エングロック】

ngrok とは？

💡 ローカルのサーバーを一瞬で世界に公開するトンネル職人

📌 このページのポイント

localhostで動作しているサーバーに、外部からアクセスできる公開URLを発行してくれる
Webhookの受信テストやモバイルアプリの動作確認、クライアントへのデモに便利
コマンド一発で使えるシンプルさが特徴で、面倒なネットワーク設定は不要
HTTPS対応・認証機能・リクエストインスペクターなど開発に便利な機能を搭載

ngrokのトンネリングのイメージ

ひよこ

ngrokって何ができるツールなの？

ペンギン先生

自分のパソコンで動いているWebサーバーに、インターネットからアクセスできるURLを作ってくれるツールだよ。たとえば localhost:3000 で動いているアプリに、https://abc123.ngrok.io みたいなURLでどこからでもアクセスできるようになるんだ

ひよこ

どんなときに使うの？

ペンギン先生

一番多いのはWebhookのテストだね。StripeやLINE、GitHub Webhookなど外部サービスが「こっちにデータを送るよ」という機能を使うとき、送り先に公開URLが必要なんだ。ngrokがあればデプロイしなくてもローカルで受け取れるよ

ひよこ

使い方は簡単なの？

ペンギン先生

めちゃくちゃ簡単だよ。ngrok http 3000 とコマンドを打つだけ。すると公開URLが表示されて、すぐに使えるんだ。ブラウザで http://127.0.0.1:4040 にアクセスすると、受信したリクエストの詳細を確認できるインスペクター画面も見られるよ

ひよこ

セキュリティは大丈夫なの？

ペンギン先生

無料プランでもHTTPSが使えるし、有料プランではBasic認証やOAuth認証をトンネルにかけることもできるよ。URLはランダムに生成されるから、知らない人がアクセスする可能性は低いけど、機密データを扱うときは認証をかけておくのが安全だね

ひよこ

無料で使い続けられるの？

ペンギン先生

無料プランでは1つのトンネルが使えて、URLは起動するたびに変わるよ。有料プランだと固定ドメインが使えたり、同時に複数のトンネルを開けたりするんだ。実はngrokと同じようなツールにCloudflare TunnelやTailscale Funnelもあって、用途によっては無料の選択肢も増えてきているよ

まとめ：ざっくりこれだけ覚えればOK！

「ngrok」って出てきたら「ローカルのサーバーを一時的にインターネットに公開するツール」と思えればだいたいOK！

📖 おまけ：英語の意味

「ngrok」＝造語

💬 明確な語源は公表されていないけど、「network grok（ネットワークを深く理解する）」という説があるよ。grokはSF小説で「直感的に理解する」という意味の造語だね

← 用語集にもどる