BubbleでStripeのwebhookのやり方

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

1. Bubble.io の Setting > api "Enable Workflow API and backend workflow"
   

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

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

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

5. "Detect data"をおすと、initialize するためのURLがでてくるのでコピー
   

6. StripeのDevelopers > Webhooks > Add endpoint

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

8. select event listen to から受け取りたいイベントを選択 > add endpoint
   Webhookイベント一覧はこちら　

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

10. Bubble側を開くとデータが飛んできているのが確認できる。型を確認して　Save

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

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

以上！