工作原理

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

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

高级流程描述

1. 发起支付：用户选择支付方式。后端通过调用与所选渠道POST /init.json对应的函数来创建支付会话。Coda 返回交易 ID 和客户端密钥。payType

2. 初始化 SDK：使用clientSecret后端初始化 CodaComponent SDK。该组件会为所选渠道渲染相应的支付界面（例如，二维码、钱包按钮、重定向提示或输入字段）。

3. 状态监控：您的前端会监听组件的状态变更事件。这些事件会将支付流程的当前步骤告知您的用户界面，以便您据此调整后续体验。

4. 用户完成支付：根据渠道类型，用户在组件内完成支付：

   • 二维码通道（例如，QRIS）：用户使用其移动应用程序扫描显示的二维码。

   • 钱包按钮（例如 Google Pay、Apple Pay）：用户点击钱包按钮，并在钱包叠加层中完成身份验证。

   • 重定向渠道（例如 GCash）：用户暂时重定向到支付提供商进行授权，然后返回到您的页面。

   • 输入式通道（例如 PIX）：用户输入所需信息（例如税务识别号）并确认。

5. 通知：一旦付款达到最终状态，Coda 会通过 webhook 向您的后端发送异步通知。