stripe-one-time-payment

Stripe の単発決済

単発決済を受け付けるための Stripe Checkout 連携です。Webhook の設定は不要です。

技術スタック

• バックエンド：Express.js
• 決済：Stripe Checkout
• 言語：JavaScript
• パッケージマネージャー：npm
• ポート：4242

セットアップ

1. テンプレートをクローンする

git clone --depth 1 https://github.com/Eng0AI/stripe-one-time-payment.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/Eng0AI/stripe-one-time-payment.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Git の履歴を削除する（任意）

rm -rf .git
git init

3. 依存関係をインストールする

npm install

4. 環境変数を設定する

cp .env.example .env

必須：

• STRIPE_SECRET_KEY - Stripe のシークレットキー（sk_test_xxx）
• STRIPE_PUBLISHABLE_KEY - Stripe の公開可能キー（pk_test_xxx）

任意：

• PRICE - Stripe ダッシュボードの価格 ID。設定されていない場合、20 ドルのサンプル商品が自動作成されます。

5. サーバーを起動する

npm start

サーバーは http://localhost:4242 で実行されます。PRICE が設定されていない場合、サンプル商品が自動作成されます。

Vercel へのデプロイ

ステップ 1：サーバーレス API ラッパーを作成する

Stripe チェックアウトのロジックを含む api/index.js を作成します（デプロイガイドの全編を参照してください）。

ステップ 2：Vercel の設定を作成する

vercel.json を作成します：

{
  "version": 2,
  "buildCommand": "",
  "outputDirectory": "client/html",
  "rewrites": [
    { "source": "/config", "destination": "/api" },
    { "source": "/checkout-session", "destination": "/api" },
    { "source": "/create-checkout-session", "destination": "/api" }
  ]
}

ステップ 3：環境変数を設定する

printf "YOUR_SECRET_KEY" | vercel env add STRIPE_SECRET_KEY production -t $VERCEL_TOKEN
printf "YOUR_PUBLISHABLE_KEY" | vercel env add STRIPE_PUBLISHABLE_KEY production -t $VERCEL_TOKEN

ステップ 4：デプロイする

vercel --prod -t $VERCEL_TOKEN --yes

Netlify へのデプロイ

同様の設定で netlify/functions/api.js と netlify.toml を作成してから、次を実行します：

netlify deploy --prod

テスト

テスト用カード番号を使用します：

• 成功：4242 4242 4242 4242
• 拒否：4000 0000 0000 0002

有効期限は未来の日付、CVC は任意の 3 桁の数字を使用できます。

本番環境への移行

1. テストキーをライブキー（sk_live_/pk_live_）に置き換えます
2. Stripe ダッシュボードのライブモードで商品を作成します
3. Stripe アカウントの本人確認（KYC）を完了します
4. 実際の決済でテストします