【Bubble】StripeConnect導入方法について【Bubble】StripeConnect導入方法について概要StripeConnectは、プラットフォームとなるサービスを開発したい際に便利な決済サービスです。プラットフォーム運営者がプラットフォーム利用する販売者(ショップなどの運営者)に代わって、顧客(ショップなど商品を購入するユーザー)に請求し、プラットフォーム利用する販売者(ショップなどの運営者)に振り込むなどの支払いルーティンを管理することができます。プラットフォーム(楽天、Amazonなど)、顧客(ショップなど商品を購入するユーザー)、販売者(ショップなどの運営者)の間で、支払いをルーティング(請求して支払いを受け取り、販売者に支払う)する必要がある場合、StripeConnectを利用することでプラットフォームに決済機能を最短かつ簡単に実装できます。月額会員制サービスなど、様々なビジネスで応用できます。StripeConnectを導入するには、StripeアカウントやBubbleにStripeプラグインをインストールしておく必要があります。アカウントの作成、プラグインの導入方法については以下を参考にしてください。StripeStripeConnectとの連携1.StripeConnectアカウントプランStandardStandardは通常のアカウントプランです。簡単にStripeConnectを利用できます。プラットフォーム側は、販売者(ショップ等の運営者)が作成したStripeアカウントと自社サービスを接続することにより、StripeConnectの各種機能を顧客(ショップ等で商品を購入するユーザー)に提供することができます。無料で利用でき開発工数を抑えるメリットがありますが、売り手(ショップなどの運営者)はプラットフォームを利用する為に、Stripeアカウントを作成する必要があるデメリットもあります。ExpressExpressは有料のアカウントプランです。プラットフォーム側で支払いについてカスタマイズできます。プラットフォームで入金スケジュールを管理し資金の流れを制御できます。アカウントの登録フローやダッシュボードをプラットホーム上で実装できます。デザインもカスタマイズできますが、Stripeのフォーマットを使用する為、販売者(ショップ等の運営者)は、UI/UXが制限されます。CustomCustomも有料のアカウントプランです。Stripeで実装する機能をプラットフォーム側が全てカスタマイズできます。UI/UXや決済機能も全てプラットフォーム側で開発できるので、より理想に近いサービスを開発できます。2.StripeConnectの設定クライアントIDを設定するStripe管理画面のConnect設定から取得できます。組み込み項目からクライアントIDをコピーします。BubbleのSripeプラグインページに設定します。BubbleのリダイレクURLとして以下を追加します。設定します)BubbleにStripeConnectを導入する販売者(ショップなどの運営者)の認証フローを実装する例えば、販売者登録ページにて「登録する」ボタンを押下したら、支払い先の銀行口座等の情報を登録させたい場合、「登録する」ボタンのワークフローを設定することで実装できます。Stripeプラグインをインストールすると、「Payment」というワークフローが追加されます。seller」アクションを選択して、販売者情報を登録します。ここでは「email」と「name」を登録しています。Connectに販売者として登録できます。