Open3
Stripeの実装が何度やっても慣れないのでメモ
Stripe APIとStripe JS
- Stripe JSの方がやれることが限られている?
- Stripeのページに飛ばして購買させるならStripe JSで十分そう
- 顧客を作成したり独自UIで購入処理させたりだとStripe APIを使うのが必要そう
基本的なsetup: Stripe API
npm package: stripe
import Stripe from 'stripe'
const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!)
基本的なsetup: Stripe JS
npm package: @stripe/stripe-js, @stripe/react-stripe-js
import { loadStripe } from '@stripe/stripe-js'
const stripe = await loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY!)
注意点
- 使い方が絶妙に似ているがバージョンの違いではなくライブラリの違い
- APIにはシークレットキーを渡し、JSにはPublishable Keyを渡す
- Next.jsのサイトにあるのはJSの方のサンプル Next.jsとTypeScriptでStripe Checkoutをセットアップ
テスト用のクレジットカード
- https://stripe.com/docs/testing?locale=ja-JP#対話式でテストする
- 番号は 4242 4242 4242 4242 など