webhook-setup

作者: facebook

端到端設定 Meta 應用程式的 Webhook — 探索可用主題、訂閱欄位,並透過測試負載驗證。在為… 設定 Webhook 時使用。

npx skills add https://github.com/facebook/agentic-tools --skill webhook-setup

Webhook Setup

Interactive wizard to configure webhooks on a Meta app from scratch.

Workflow

  1. Start tracking. Before any other work, call devtools_skill_invocation with action start and skill_name webhook-setup. Pass skill_name webhook-setup on every devtools_* tool call in the following steps.

  2. Identify the app. Ask the user for the app name or ID. If they give a name (or aren't sure of the ID), call devtools_app_list (action list) and resolve it to an app_id — match the name case-insensitively. If several apps match or it's ambiguous, show the candidates (name, ID, viewer role) and ask the user to pick. If they give a numeric ID, use it directly.

  3. Check existing state. Run in parallel:

    • devtools_webhook_list with action list_topics — show all available webhook topics
    • devtools_webhook_list with action list_subscriptions — show what's already subscribed
  4. Present the options. Show the user:

    • Available topics (e.g., page, user, instagram, whatsapp_business_account)
    • Which topics already have active subscriptions
    • For each topic, list the subscribable fields
  5. Collect subscription details. Ask the user for:

    • Topic — which webhook topic to subscribe to
    • Fields — which fields within that topic (e.g., feed, messages)
    • Callback URL — their HTTPS endpoint (must be live and pass Meta's verification challenge)
    • Verify token — the token their server expects for the verification handshake
  6. Subscribe. Call devtools_webhook_manage with action subscribe:

    • Pass topic, fields, callback_url, verify_token
    • If the subscription fails, explain the likely cause:
      • Callback URL not reachable → server must be running and publicly accessible
      • Verification failed → verify token mismatch or endpoint not responding to GET challenge
      • Invalid fields → check field names against the topic's available fields
  7. Verify with a test payload. After successful subscription:

    • Call devtools_webhook_test with action test_send for one of the subscribed fields
    • Confirm whether the test payload was delivered
    • If test fails, suggest checking server logs and endpoint configuration
  8. Summary. Show the final state:

    • Topic and fields subscribed
    • Callback URL configured
    • Test result (success/failure)
  9. End tracking. After completing all preceding steps, call devtools_skill_invocation with action end and skill_name webhook-setup.

Tips

  • If the user wants to modify an existing subscription (add/remove fields), use devtools_webhook_manage with action update_fields instead of unsubscribe + resubscribe.
  • Always verify after subscribing — a successful subscribe call doesn't guarantee payloads will be delivered correctly.
  • Remind users that their callback URL must handle both the GET verification challenge and POST event payloads.

來自 facebook 的更多技能

gc-safe-coding
facebook
完整解釋與理由請參閱 doc/GCSafeCoding.md。
app-review-prep
facebook
準備將 Meta 應用程式提交至 App Review——檢查目前狀態、未完成的要求、已授予的權限及提交紀錄。請在提交應用程式前使用……
api-health
facebook
監控 Meta 應用程式的 API 健康狀態 — 檢查速率限制、呼叫量與 API 棄用情況。用於診斷節流問題、規劃容量,或為 API 版本…做好準備。
debug-webhooks
facebook
排解 Meta 應用程式的 webhook 問題——檢查作用中的訂閱、找出設定錯誤,並傳送測試負載以驗證傳遞。當……時使用。
api-integration
facebook
引導開發者從零開始設定 Meta API 整合 — 找出正確的 API、取得設定指南、驗證需求、…
test-ui
facebook
使用 iwsdk CLI 針對 poke 範例測試 UI 系統(PanelUI、ScreenSpace)。
flags
facebook
檢查並比較 React 發佈通道中的功能旗標狀態。檢視所有通道(www、www-modern、canary、next、experimental、rn 變體)的旗標,或使用 --diff 比較特定通道。輸出格式包括預設表格檢視、CSV 匯出及清理狀態分組。旗標狀態以符號表示:啟用(✅)、停用(❌)、變體測試(🧪)、僅分析(📊)。常見陷阱:__VARIANT__ 旗標在 www 上會以兩種狀態進行測試;使用 --diff 可找出有意義的差異。
compliance-check
facebook
檢查 Meta 應用程式的合規狀態——呈現待處理的必要動作、有效違規事項,以及附帶補救指引的建議。用於稽核⋯