工作原理

本节介绍使用卡支付托管组件时的高级支付流程。该流程图展示了托管组件如何参与更广泛的卡交易生命周期。

高级流程描述

1. 发起支付：用户发起支付。您的后端通过调用 `Coda.createPaymentSession` 方法创建支付会话POST /init.json。Coda 返回一个交易 ID 和一个客户端密钥。

2. 初始化 SDK：使用clientSecret后端提供的SDK 初始化托管组件 SDK。卡片表单将在结账容器中安全地渲染。

3. 就绪状态监控：您的前端会监听状态isReady。当用户填写完所有必填字段时，此状态会通知您的用户界面。

4. 提交：当用户点击您的“支付”按钮时，您的前端会调用SDK 的submit()方法，该方法会将敏感数据直接转发给 Coda。

5. 身份验证（如果需要）：如果卡片需要 3D 安全验证或其他身份验证，该组件会打开一个安全模态框，供用户完成验证流程。

6. 通知：付款成功后，付款状态将转换SUCCESS，并向您的后端发送通知。