《Bubble》StripeConnectについて

StripeConnectとの連携

StripeConncetにはプランがいくつかあり、プランによって実現できる内容や自由度が異なります。

以下はそれぞれのプランの簡単な内容です。

より詳しく知りたい方はこちら

1.StripeConnectアカウントプラン

Standard

Standardは通常のアカウントプランです。もっとも簡単にStripeConnectを利用できます。

プラットフォーム側は、販売者(ショップ等の運営者)が作成したStripeアカウントと自社サービスを接続することにより、StripeConnectの各種機能を顧客(商品を購入するユーザー)に提供することができます。

無料で利用でき開発工数を抑えるメリットがありますが、売り手(ショップなどの運営者)はプラットフォームを利用する為に、Stripeアカウントを作成する必要があるデメリットもあります。

Express

Expressは有料のアカウントプランです。プラットフォーム側で支払いについてカスタマイズできます。

プラットフォームで入金スケジュールを管理し資金の流れを制御できます。アカウントの登録フローやダッシュボードをプラットホーム上で実装できます。デザインもカスタマイズできますが、Stripeのフォーマットを使用する為、販売者(ショップ等の運営者)は、UI/UXが制限されます。

Custom

Customも有料のアカウントプランです。決済や本人確認、売上管理など、Stripeで実装する機能をプラットフォーム側が全てカスタマイズできます。

UI/UXや決済機能も全てプラットフォーム側で開発できるので、より理想に近いサービスを開発できます。

2.StripeConnectの設定

クライアントIDを設定する

Stripe管理画面のConnecをクリックします

設定からクライアントIDをコピーします。本番環境のIDを取得するには申請が必要なため、今回はテスト用のIDを取得します。

BubbleのSripeプラグインページに設定します。

リダイレクトURLを追加する

次にリダイレクト URI を追加できます。BubbleのリダイレクURLとして以下を追加します。**https://bubble.io/poststripeauth**

(独自ドメイン環境の場合はhttps://d##.bubble.io/poststripeauth で設定します)

リダイレクトURLとは特定のページにユーザーを誘導したいときの誘導したい先のページのURLになります。

BubbleにStripeConnectを導入する

販売者(ショップなどの運営者)の認証フローを実装する

例えば、販売者登録ページにて「登録する」ボタンを押下したら、支払い先の銀行口座等の情報を登録させたい場合、「登録する」ボタンのワークフローを設定することで実装できます。

Stripeプラグインをインストールすると、「Payment」というワークフローが追加されます。

その中の「Register the user as a seller」アクションを選択して、販売者情報を登録します。ここでは「email」と「name」を登録しています。

ワークフロー実行後、Stripe Connectにアクセスし、販売者がアプリケーションを利用するための許可を取得するフォームに遷移して、Stripe Connectに販売者として登録できます。