本文へ移動

§24-03Developer

Webhook 設定 + テスト送信

Webhook の URL を登録しテスト送信で確認する。

外部システムとの連携を、実際の通知を受け取りながら設定できる。連携が動かないときの原因調査にも使える。

実装のポイント

テスト送信はサーバーから実際に ping を送り、ステータスコードと応答時間を表示する。署名シークレットで受信側が検証できるようにする。

特徴
  • フォーム
  • 非同期
デモで使っているもの
  • shadcn/ui
  • lucide-react

このパターンが効く目的