1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

BubbleでStripeのwebhookのやり方

Posted at

何回やっても忘れるのでメモ

  1. Bubble.io の Setting > api "Enable Workflow API and backend workflow"
    スクリーンショット 2024-04-24 16.27.34.png

  2. Homeの隣、pageを切り替える部分をクリック。一番下に"Backend workflow"

  3. Click here... から "New API workflow"

  4. 適当にnameを入れて、parameter definition は "Detect request data"

  5. "Detect data"をおすと、initialize するためのURLがでてくるのでコピー
    スクリーンショット 2024-04-24 16.35.14.pngスクリーンショット 2024-04-24 16.58.14.png

  6. StripeのDevelopers > Webhooks > Add endpointスクリーンショット 2024-06-11 14.05.28.png

  7. Endpoint URLに先ほどコピーしたinitializeするためのURLをペースト

  8. select event listen to から受け取りたいイベントを選択 > add endpoint
    Webhookイベント一覧はこちら スクリーンショット 2024-06-12 8.25.55.png

  9. ローカル環境からテストすることもできますが、めんどうなので、受け取りたいイベントが発生する操作をする。ユーザーがサブスクキャンセルする など

  10. Bubble側を開くとデータが飛んできているのが確認できる。型を確認して Saveスクリーンショット 2024-04-26 10.20.17.png

  11. Stripeに戻って、対象のendpointをクリック、右端の[...]からUpdate details

  12. Endpoint URL の 最後の /initializeを削除して保存

以上!

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?