🐕

ngrokを使ってwebhookをテストする

2022/02/09に公開

Next.jsのAPIrouteを利用して、webhookのテストをローカル環境でしたかったのでngrokを使った忘備録です。

https://ngrok.com/

1. インストール

Homebrew経由でインストールします。

brew install --cask ngrok

2. サーバーを立ち上げる

# 引数の最後にある 3000 はローカルマシンが受け付けているポート番号
ngrok http 3000

# ngrok by @inconshreveable                                                                           (Ctrl+C to quit)
# 
# Session Status                online
# Session Expired               Restart ngrok or upgrade: ngrok.com/upgrade
# Version                       2.3.40
# Region                        United States (us)
# Web Interface                 http://127.0.0.1:4040
# Forwarding                    http://xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx.ngrok.io -> http://localhost:3000
# Forwarding                    https://xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx.ngrok.io -> http://localhost:3000
# 
# Connections                   ttl     opn     rt1     rt5     p50     p90
#                               19      0       0.00    0.00    30.00   30.47
# 
# HTTP Requests
# -------------

あとは表示されたForwardingで表示されたURLに対して、webhookのリクエスト先を設定することで、Next.jsのログに流れてきます。

終わりに

初めて触りましたが、めちゃくちゃ便利でした。

参考

Discussion