Stripe

環境変数

1. Stripe にログイン
2. 左上の選択ボックスから、アカウントを選択 (例: bdash)
3. 開発者の右側にあるトグルをクリックし、テスト環境に切り替える
   1. この時、画面上部にテストデータが使用されています。と表示されていることを確認すること
4. 開発者をクリック →API キータブ
5. キーをコピーする
   1. 以下の環境変数を.env.localに設定する
      1. NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: 公開可能キーのトークン
      2. STRIPE_SECRET_KEY: シークレットキーのトークン

Webhook の設定

以下のコマンドを実行する

stripe login

Press Enter to open the browser or visit https://dashboard.stripe.com/xxx のURLに遷移し、ブラウザでログインする

stripe listen --forward-to=http://localhost:3000/api/webhooks/stripe

Webhook signing secret が表示されるので、コピーする

例: (以下のwhsec_3exxxxの部分をコピーする)

> Ready! You are using Stripe API Version [2024-06-20]. Your webhook signing secret is whsec_3exxxx (^C to quit)

以下の環境変数を .env.localに設定する

• STRIPE_WEBHOOK_SECRET_KEY: コピーした文字列

商品を追加する(単発決済)

1. 商品カタログを選択する
2. 商品を追加ボタンをクリック
3. 商品名を入力
   1. 名前: 商品名 (例: Startup (onetime pay))
   2. 説明: 商品の説明 (例: スタートアッププラン)
   3. 画像: 商品の画像 をアップロードボタンからアップロード
   4. 継続 or 1 回限り: 継続購読か単発決済かを選択する。今回は1 回限りを選択する
   5. 金額: 商品の価格 (例: 399.99)
   6. 通貨: 例: USD
   7. 右側の、税金の徴収を開始するをホバーし、有効にするをクリック (後ほど詳しく設定する)
      1. Tax のタブは閉じる
   8. 商品を追加ボタンをクリック
4. price_id を取得するため、以下を実施してください
   1. 料金の価格に表示されている$399.99をクリック
   2. 右側のIDをコピー (例: `price_1Qaodfja0xx)
5. 以下の環境変数を .env.localに記述する
   1. STRIPE_STARTUP_ONE_TIME_PAY_PRICE_ID: 取得した price_id

上記手順を 商品(Pro プラン)に対しても実施する。 ただし、環境変数については、以下を利用すること。

• STRIPE_PRO_ONE_TIME_PAY_PRICE_ID

カスタマーポータルの有効化(テスト環境)

1. 以下の URL にアクセスする https://dashboard.stripe.com/test/settings/billing/portal
2. カスタマーポータルを有効化する カスタマーポータルリンクにある、カスタマーポータルを有効にするをクリックする ※本番環境の準備ができたら、カスタマーポータルリンクの 3 点リーダーをクリックし、リンクを無効にするをクリックする