localhost アプリを
即座に安全プレビュー。
ローカルアプリを公開 HTTPS URL で公開し、受信リクエストを検査し、ステージングにデプロイせずに Webhook をデバッグできます。
- Stripe
- GitHub
- Shopify
- Twilio
- Slack
- Discord
連携の例示のみ — これらの提供者との提携・推奨ではありません。
ローカル開発にステージングへのデプロイは不要。
デプロイのたびに開発は遅くなります。PortPreview はそのギャップをなくします。
Webhook が localhost に届かない
Stripe や GitHub などのサービスは 127.0.0.1 を呼び出せません。コールバックを受け取るには公開 URL が必要です。
クライアントが作業を確認できない
localhost の URL を共有しても意味がありません。ステージングはコードとフィードバックの間に摩擦を生みます。
モバイルでのテストが面倒
localhost はスマートフォンで動きません。モバイルプレビューのたびにデプロイか複雑な VPN 設定が必要です。
デバッグに履歴がない
Webhook が失敗してもリクエストログがありません。検査できず、暗闇の中でデバッグすることになります。
1 本のトンネル。リクエストを完全に可視化。
Webhook を多用する開発ワークフローのために設計されたあらゆる機能。
localhost 用の公開 HTTPS URL
ローカルサーバーに転送する安全な公開 URL を取得。DNS も SSL 設定もリバースプロキシも不要です。
Webhook リクエストインスペクター
メソッド、ヘッダー、ボディ、タイミングなど、受信するすべてのリクエストを表示。外部サービスがアプリに送る内容を正確に検査できます。
キャプチャしたリクエストを再送
キャプチャした任意のリクエストをローカルサーバーに再送信。同じペイロードに対するアプリの処理を繰り返しテストできます。
リクエストを cURL でコピー
任意のリクエストをワンクリックで cURL コマンドとしてコピー。ターミナルで再送、テストへ追加、チームと共有が可能です。
パスワード保護プレビュー 予定
プレビュー URL をパスワードで保護。許可されたクライアントやチームメンバーにのみ共有できます。
予約サブドメイン Pro
<code>myapp.portpreview.dev</code> のような固定サブドメインを取得。プレビュー URL がセッションごとに変わりません。
チーム共有 予定
トンネルとリクエスト履歴をチームと共有。Webhook デバッグをリアルタイムで共同作業できます。
アウトバウンド WebSocket。設定ゼロ。
ルーター変更も、ファイアウォール設定も、公開 IP も不要。
CLI はアウトバウンドの WebSocket 接続を開くため、ルーターやファイアウォールの設定は一切不要です。トラフィックはゲートウェイとローカルマシン間でエンドツーエンドに暗号化されます。
Webhook を多用する開発のために。
HTTP コールバックを送信するあらゆるサービスに対応。
{
"id": "evt_3Lm2NnF8Zq",
"type": "payment_intent.succeeded",
"data": {
"object": {
"id": "pi_3Lm2NnF8Zq",
"amount": 2999,
"currency": "usd",
"status": "succeeded"
}
}
}POST /webhooks/stripe HTTP/1.1
Content-Type: application/json
User-Agent: Stripe/1.0
Stripe-Signature: t=1625000000,v1=abc123...
{"id":"evt_3Lm2NnF8Zq","type":"payment_intent.succeeded"}ローカルから本番へワンコマンドで。
Stripe Webhook をローカルでテスト
Stripe の Webhook エンドポイントを PortPreview の URL に向けて、イベントをリアルタイムで受信します。
localhost をクライアントに共有
公開 URL を生成してクライアントに送信。作業中の内容をその場で確認してもらえます。
ローカルアプリをモバイルで開く
任意のスマートフォンやタブレットで公開 URL にアクセス。レスポンシブなレイアウトとモバイル操作をテストできます。
API コールバックをデバッグ
API が受け取るすべてのコールバックを検査。各リクエストのヘッダー、ペイロード、タイミングを確認できます。
一時的なステージングデプロイを省略
簡単なレビューのための使い捨てデプロイをなくす。ローカル環境から直接プレビューできます。
リリース前にローカルビルドを QA
マージ前にローカルビルドをテストできる公開 URL を QA に渡す。問題を早期に発見できます。
オープンソースクライアント。ホスト型クラウド。
オープンソース
- CLI クライアント
- ローカル転送エージェント
- プロトコル型定義
- サンプル
ホスト型クラウド
- ゲートウェイ
- ダッシュボード
- リクエスト履歴
- 再送
- チーム
- 請求
- 不正利用対策
CLI クライアントはオープンソースのため、選択したローカルポートのみをプロキシし、ファイルや環境変数、シークレットを読み取らないことを開発者が検証できます。
あなたの知るトンネルとは違います。
PortPreview がどこに位置するかを簡潔に。
最も近い代替。キャプチャと再送を内蔵し、Webhook の開発ループに特化しています。
比較を読む目的が異なります。Cloudflare はサービスを常時オンラインに保つもの。私たちは開発ループのためのものです。
比較を読むより軽量なオープンソースの選択肢。手早い公開には便利ですが、リクエスト履歴や再送はありません。
比較を読む記載の製品名は各所有者の商標です。
シンプルな料金。驚きなし。
Pro とチームは利用開始から最初の 6 か月間無料です。クレジットカード不要。課金開始前にお知らせします — いつでもキャンセルできます。
料金に関する質問
Pro の課金はいつ始まりますか？
Pro 利用開始から最初の 6 か月後です。課金開始の少なくとも 14 日前にお知らせし、開始前にキャンセルできます。
セッションとは何ですか？
セッションとは CLI の 1 回の実行です。CLI を閉じるとセッションは終了します。無料セッションは 2 時間で自動的に期限切れになり、Pro セッションは CLI が動作している限り維持されます。
後でプランを変更できますか？
はい。アップグレードは即時、ダウングレードは請求サイクルの終了時に適用されます。予約サブドメインとリクエスト履歴はプラン変更後も保持されます。
返金はありますか？
Pro のローンチ後 30 日以内にご満足いただけない場合は全額返金します。メールでご連絡ください。
ngrok や Cloudflare Tunnel と何が違いますか？
Webhook の開発ループに特化しています。イベントを再トリガーせずに各リクエストをキャプチャ・検査・再送できます。詳しくは比較記事をご覧ください。
よくある質問。
CLI は本当にオープンソースですか？
はい。CLI は Apache-2.0 ライセンスで、ソースは GitHub にあります。選択したローカルポートをプロキシするだけで、それ以外は何もしないことを正確に監査できます。ファイルや環境変数、シークレットは読み取りません。
ngrok と何が違いますか？
PortPreview は Webhook デバッグに最適化されています。受信するすべてのリクエストが完全なヘッダー、ボディ、タイミングとともにキャプチャされ、どれでもワンクリックでローカルのハンドラに再送できます。ngrok も動きますが、キャプチャと再送は有料機能か外部ツールが必要です。
トンネル URL はセッション間で同じままですか？
無料トンネルはセッションごとにランダムなサブドメインになります。Pro プランには予約サブドメインが含まれ、myapp.portpreview.dev のような URL が永久に同じままです — 一度だけ設定したい Webhook 構成に便利です。
対応するポートとプロトコルは？
任意の HTTP/HTTPS ポート。WebSocket のアップグレードも正しく転送されるため、リアルタイムアプリ、HMR、署名付きイベントサービスがすべて追加設定なしで動作します。
localhost をインターネットに公開しても安全ですか？
トンネルは選択した特定のローカルポートにのみトラフィックを転送します。マシン上の他のものには到達できません。Pro プランではさらにパスワード保護とアクセス制御を追加できます。
PortPreview は一般公開はいつですか？
現在、オープンな早期アクセスプログラムを実施中です。招待を受け取るにはウェイトリストに参加してください — 登録者のほとんどは数日以内にアクセスを得られます。