ngrok MCP Server
ngrok MCP ServerでClaude連携・安全なトンネル・公開URLの管理を自動化
npx @ngrok/mcp概要
ngrok MCP Serverの設定方法と使い方。
ローカルサーバーをインターネットに公開できるトンネリングサービス「ngrok」をClaudeから操作できるMCPサーバー。
トンネルの作成・停止・一覧確認・トラフィックログ確認が可能。
ClaudeとngrokのMCPサーバー連携により、ローカル開発環境の外部公開・Webhookテスト・デモ共有の自動化を実現できる。
ngrok APIトークンを設定するだけでClaudeがトンネル管理を代行し、開発効率が大幅に向上する。
設定方法はNGROK_API_KEYを環境変数に設定するだけでシンプルに完結する。
料金・APIキー情報
料金
無料プランありAPIキー
🔑 必要🔑 APIキーの取得方法
- 1
https://ngrok.com にアクセスしてアカウントを作成（無料）
- 2
ダッシュボードにログインして「Your Authtoken」ページを開く
- 3
APIキーセクションで「+ New API Key」をクリックする
- 4
キー名を入力して「Create API Key」をクリックする
- 5
表示されたAPIキーをコピーして保存する（再表示不可のため必ず保存すること）
こんな使い方ができます
ローカルの開発サーバーをClaudeに指示してすぐに外部公開URLを取得できる
Webhookのテスト用トンネルをClaudeから作成・管理できる
稼働中のトンネル一覧とトラフィックログをClaudeで確認できる
デモ用の一時的な公開URLをClaudeに生成させてクライアントに共有できる
セットアップ手順
- 1
https://ngrok.com でアカウントを作成してAPIキーを取得する
- 2
claude mcp add ngrok -e NGROK_API_KEY=your-ngrok-api-key -- npx -y @ngrok/mcp
設定ファイル
コピー前に確認
ngrokアカウントとAPIキーが必要。無料プランで利用可能。Node.js 18以上が必要。
claude mcp add ngrok -e NGROK_API_KEY=your-ngrok-api-key -- npx -y @ngrok/mcp