Stripeサブスクリプション

Stripeのサブスクリプションコンポーネントを使用して、ユーザーがソフトウェアやサービスの有料サブスクリプションプランに登録できるようにすることができます。

Skill Level: Intermediate

開始する前に

  • Stripe アカウントを作成し、ビジネス情報と銀行口座情報を追加し、必要な検証を完了していることを確認してください。

  • サブスクリプションコンポーネントが機能するには、ユーザーがログインしている必要があります

手順

Stripeサブスクリプション

Stripeで製品を設定する

  1. 新しい製品を作成するには をクリックします。

  2. 製品情報を入力します

  3. 入力が完了したら を選択します。

アプリにStripeサブスクリプションコンポーネントを追加する

  1. 「+」ボタンをクリックして追加パネルを開きます。

  2. Installed までスクロールダウンします。

  3. Stripeサブスクリプションコンポーネントをチェックアウト画面にドラッグします。

サブスクリプション支払いコンポーネントを構成する

  1. Stripeアカウントに接続するには Connect with Stripe ボタンをクリックします。

  2. Stripeサブスクリプションセクションで:

    1. Stripeから Price Plan ID(price_stringID_)をAdaloにコピーし、price_id というStripeコンポーネントに入力します。

      1. 製品を選択します。

      2. IDをコピーしてAdaloに貼り付けます。

        1. PriceID は次のようになります:price_1IHCB8FAwoyiOM0lgJc2v4ec

  3. メールフィールドセクションで:

    1. 購入のメール確認を受け取るべきユーザーのメールアドレスを必ず指定してください。これはStripeダッシュボードで顧客を識別し、コンポーネントがアクティブなサブスクリプションがあることを知る方法でもあります。

  4. テストモード:

    1. この機能を使用するには、テストモードを構成してください。

サブスクリプション支払いが成功した場合

  1. サブスクリプションが正常に作成されると、ユーザーは確認メッセージを受け取り、その後のアクションが完了します。

  2. サブスクリプションコンポーネントがある画面に戻ると、コンポーネントはログインしているユーザーのメールを確認し、該当する場合はアクティブなサブスクリプションを表示します。

  3. ユーザーは、ログインしているユーザーのメールに基づいてアクティブなサブスクリプションがある場合、サブスクリプション設定 のオプションがあり、サブスクリプションを更新またはキャンセルできます。

  4. ユーザーは購読を解除することができ、確認を受け取ります。

購読支払いが失敗しました

  1. 支払いが拒否されました

    1. 購読支払いが拒否されると、ユーザーは以下のエラーを受け取ります。

    2. このエラーは、カードの詳細が間違っているか、資金が不足しているなどの支払いに関する問題によるものです。

    3. ユーザーは画面に残り、支払い詳細に問題がある場合に再度購読を試みることができます。

    4. エラーの理由を確認するためにStripeダッシュボードにログインできます。

  2. 購読エラー

    1. 購読が完了できない場合、ユーザーは以下のエラーを受け取ります。

    2. この問題は、無効なPriceID、製品設定の問題、正しくないまたは無効なユーザーのメールアドレス、ユーザーがアプリにログインしていない、またはライブモードでテストモード製品が使用されているなど、コンポーネントのセットアップに問題がある場合に発生します。

    3. サポートに連絡する前に、コンポーネントのセットアップ、PriceIDの有効性、およびユーザーフローを確認してください。

テストモード

  1. コンポーネントで_Test Mode_をオンにします

  2. Stripeのテストシークレットキーとテスト公開キーをサブスクリプションコンポーネントに入力します。

  3. Stripeでテスト製品を設定します

    1. ダッシュボードの右上隅にあるテストモードを有効にします

    2. をクリックして新しい製品を作成します

    3. 製品情報を入力します

    4. 入力が完了したら、を選択します

    5. サブスクリプションコンポーネント内の_Price_ID_を更新します。

    6. プレビューアを開いて通常の支払いフローを完了します。

    7. 適切なStripe | テストモードカードを選択してテストしたいシナリオを選択します。

    8. カード情報を入力し、「今すぐ支払う」を選択します。

テストモードで作成された製品はライブモードにコピーできますが、異なるprice_IDになります

テストが成功しました

サブスクリプションコンポーネントのテストが完了し、ライブに移行したい場合は、テストモードを無効にし、Price IDをライブ製品に変更する必要があります。

ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでもコミュニティフォーラムで質問できます!投稿にはこの記事へのリンクも貼っておいてください!

Last updated

Was this helpful?