关于 stripe-one-time-payment
这是一个使用 JavaScript 和 Express.js 通过 Stripe Checkout 接受一次性付款的模板,提供 Vercel 和 Netlify 部署说明,且无需配置 webhook。
主要功能
- 01通过 Stripe Checkout 收取一次性付款
- 02Express.js 后端
- 03环境变量配置
- 04可选创建示例商品
- 05Vercel 和 Netlify 部署说明
适用场景
- 01为 Express.js 项目添加一次性结账
- 02使用 Stripe 测试卡验证付款流程
- 03通过 Vercel 或 Netlify 部署付款应用
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ rebyteai-template/ rebyte-skills --skill stripe-one-time-payment安装后在 Claude Code 中输入/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 Dashboard 中的价格 ID。如果未设置,将自动创建一个 20 美元的示例商品。
5. 启动服务器
npm start
服务器运行在 http://localhost:4242。如果未设置 PRICE,系统会自动创建一个示例商品。
部署到 Vercel
步骤 1:创建无服务器 API 包装器
创建 api/index.js,并加入 Stripe 结账逻辑(请参阅完整部署指南)。
步骤 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
任意未来的有效期日期和任意 3 位数 CVC 均可使用。
正式上线
- 将测试密钥替换为正式密钥(sk_live_/pk_live_)
- 在 Stripe Dashboard 的正式模式下创建商品
- 完成 Stripe 账户验证(KYC)
- 使用真实付款进行测试
评论
支持 Markdown