收款
制作支付表单或使用预构建的结账页面来开始接收线上付款。
用 Stripe Checkout 重定向到 Stripe 托管的支付页面。看看这个集成应用与 Stripe 的其他集成类型的对比情况。
将客户重定向到 Stripe Checkout客户端服务器端
在您的网站上添加一个结账按钮,调用一个服务器端点来创建 Checkout Session。
<html> <head> <title>Buy cool new product</title> </head> <body> <!-- Use action="/create-checkout-session.php" if your server is PHP based. --> <form action="/create-checkout-session" method="POST"> <button type="submit">Checkout</button> </form> </body> </html>
Checkout Session 是客户被重定向到支付表单时所看到的内容的程序化展示。可通过多个选项来配置 Checkout Session,例如:
- 要扣款的行项目
- 要使用的货币
您还需要指定 success_url
,这是您网站的一个页面。在客户完成付款后,Checkout 会将您的客户返回到这个页面。您还可以选择提供 cancel_url
,这是您网站的一个页面。在客户取消付款流程后,Checkout 会将您的客户返回到这个页面。
备注
Checkout Sessions 创建后 24 小时过期。
创建 Checkout Session 后,将您的客户重定向到响应中返回的 URL。
备注
默认情况下,Stripe 启用了银行卡和其他常见的支付方式,可以帮助您接触更多客户。您可以直接从 Stripe 管理平台启用或关闭支付方式。Stripe 会评估货币、支付方式限制及其他参数,来确定在 Checkout 中显示的受支持支付方式列表。
启动您的网页服务器(例如 localhost:4242
)并运行下列指令,测试您的端点:
curl -X POST -is "http://localhost:4242/create-checkout-session" -d ""
在您的终端应该会看到类似于下面的响应:
HTTP/1.1 303 See Other Location: https://checkout.stripe.com/c/pay/cs_test_... ...
测试
现在,您的结账按钮应该可以使用了,能够将客户重定向到 Stripe Checkout。
- 点击结账按钮。
- 系统会将您重定向到 Stripe Checkout 支付表单。
如果您的集成应用不能用:
- 打开浏览器开发人员工具上的 Network 选项卡。
- 点击结账按钮,确认它向您的服务器端点 (
POST /create-checkout-session
) 发送了 XHR 请求。 - 验证该请求是否返回状态码 200。
- 用按钮点击监听器内的
console.log(session)
确认返回的数据是否正确。
要查看您如何向客户显示支付方式,请在管理平台中输入交易 ID 或设置订单金额和货币。
显示成功页面客户端服务器端
客户成功提交支付表单息后,一定要能够看到成功页面,这一点非常重要。在您的网站上托管这个成功页面。
创建一个最小的成功页面:
<html> <head><title>Thanks for your order!</title></head> <body> <h1>Thanks for your order!</h1> <p> We appreciate your business! If you have any questions, please email <a href="mailto:orders@example.com">orders@example.com</a>. </p> </body> </html>
接下来,更新 Checkout Session 创建端点,使用这个新的页面:
备注
如果要自定义您的成功页面,请阅读自定义的成功页面指南。
测试
- 点击结账按钮。
- 用测试卡信息填写付款详情:
- 输入
4242 4242 4242 4242
作为卡号。 - 输入一个任意的未来日期作为有效期。
- 输入 3 位数 CVC(银行卡安全码)。
- 输入账单地址邮编。
- 输入
- 点击支付。
- 系统会将您重定向到新的成功页面。
接下来,去 Stripe 管理平台找到新的付款。管理平台的付款列表中会显示成功的付款。点击某笔付款,会进入付款详情页面。Checkout 摘要部分包含账单信息和购买项目列表,可用于人工履行订单。
测试您的集成应用
要测试您的 Stripe 托管的支付表单集成应用:
- 创建一个 Checkout Session。
- 使用下表中的方法填写付款详情。
- 输入一个任意的未来日期作为有效期。
- 输入 3 位数 CVC(银行卡安全码)。
- 输入账单地址邮编。
- 点击支付。您被重定向到您的
success_url
。 - 前往管理平台,在付款页面上查找付款。如果您付款成功,就会在列表中看到它。
- 点击您的付款,查看更多详情,例如包含账单信息和已购商品列表的 Checkout 摘要。您可以此信息来履行订单。
了解有关测试您的集成应用的更多信息。
有关测试您的集成应用的更多信息,请参阅测试部分。
测试卡
卡号 | 描述 |
---|---|
成功并且立即处理付款。 | |
完成 3DS 2.0 验证后才能成功付款。 | |
始终会失败,显示拒付码 insufficient_funds 。 |
Apple Pay 和 Google Pay
您可以在您的支付方式设置中启用 Apple Pay 和 Google Pay。Apple Pay 默认启用。
启用 Apple Pay或 Google Pay 时,不需要对 Checkout 的 Stripe 托管页面进行集成方面的修改。Stripe 处理这些付款的方式与处理其他银行卡付款的方式一样。
既然您的基础集成应用可以使用了,不妨学习如何在客户付款后以编程的方式获取通知。