点击付款

Click to Pay 是一种在线支付解决方案，旨在简化在线交易并确保其安全性。它基于 EMVCo 安全支付标准，这是一个由 Visa、MasterCard、American Express 和 Discover 等主要银行卡公司组成的全球联盟。

Yuno 中可用的网络：万事达卡

主要特点与优势

易用性：消费者只需点击一下即可进行在线购物，无需每次购物都手动输入信用卡信息。
增强安全性：利用现代身份验证标准，最大限度地降低欺诈风险。这可能包括双因素认证或支付tokens等方法。
在不同网站上保持一致：在所有支持该技术的网站上提供类似的支付体验，这意味着消费者不必为每家网店学习不同的流程。
与银行卡品牌整合：点击支付 "得到主要银行卡品牌的支持，因此广受认可和信赖。
移动和桌面兼容性：它专为在各种设备上运行而设计，便于在台式机和移动设备上进行在线购物。

该功能可增强客户体验，符合现代数字支付趋势，有可能提高转换率和客户忠诚度。通过 "点击支付"，您可以提供无缝的结账体验，减少摩擦并解决在线交易中的安全问题。

整合

要集成并开始向客户提供点击付费服务，请遵循以下 3 个简单步骤：

使用点击付款凭证在 Yuno 面板中创建连接。
在 "路由"部分定义付款方式路由，以便在 "结账生成器 "中启用。
在结账生成器中启用点击付款。
定义 "卡 "路线：考虑到"点击付款 "是一个存储信用卡信息的钱包，您需要为每种情况定义提供商的路径与"卡 "支付方法相同。

VTEX集成

对于使用Click to Pay的VTEX商家，该集成方案可实现自动创建客户账户及数据映射，从而优化结账流程。

自动创建客户：

当顾客在VTEX商店选择点击支付时：

在支付初始化过程中，VTEX客户将自动创建于Yuno系统中（若尚未存在）。
VTEX个人资料中的所有客户数据将自动映射至Yuno，并纳入结账会话中。
客户信息（CVV、email、地址）已在SDK中预填充，从而避免了重复的数据录入。
结账流程与非VTEX商户可享的简化体验一致

此功能需要在VTEX提供商配置中将"创建客户"字段设置为"是"。更多详情请参阅VTEX集成文档中的"配置Yuno作为提供商"部分。

SDK集成（点击支付密钥）

⚠️
重要
标准点击支付卡流程使用现有的SDK回调，但密码键用户必须包含一个 callback_url 该链接需匹配应用的深度链接方案，以便购物者在认证后返回应用（在Android系统中，此链接必须与应用配置的深度链接方案完全一致）。 AndroidManifest.xml例如：
{
  "callback_url": "myapp://pay/ctp"
}
对于Passkey交易，一次性token OTT）永远不会到达常规的SDK回调（包括 callbackOTT 在Android设备上)。在继续执行流程前，请务必从深度链接参数中读取该值。

Yuno iOS 和 Android SDK 当前支持通过密钥流程实现点击支付功能。在两种情况下，一次性token OTT）均通过深度链接 URL 返回，而非标准的 SDK 回调方式。因此，您的应用必须解析深度链接参数后才能继续支付流程。

iOS 密码流

Yuno iOS SDK 支持使用 Passkey 进行点击支付。该流程不同于标准的卡支付，因为 SDK 通过深度链接而不是通常的委托回调来返回结果。

处理一次性token (OTT) 和深度链接

当购物者完成点击支付密码器流程时，SDK 会通过深层链接 URL 而非 yunoCreatePayment(with token: String) 委托方法。

1.关闭外部浏览器

当应用程序收到深度链接回调时，立即调用 Yuno.receiveDeeplink 来让 SDK 关闭用于 Passkey 身份验证的外部浏览器。

func application(_ app: UIApplication,
                 open url: URL,
                 options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
    Yuno.receiveDeeplink(url: url)

    // Parse the URL to extract parameters

    return true
}

2.处理深层链接 URL

深层链接查询字符串包含您继续操作所需的信息：

has_error:表示交易过程中发生错误。请在您的应用程序中处理这种情况。
one_time_token:交易成功时出现。用它来创建付款。

3.创建付款

如果深层链接包含 one_time_token:

提取 one_time_token.
使用创建付款endpoint创建付款。
创建付款后，调用 continuePayment 来最终确定流程。

⚠️
重要
OTT 从未达到 yunoCreatePayment(with token: String) 为点击付费密码。始终从深度链接 URL 中读取token 。

Android 密码键流程

对于 Android，请包含一个 callback_url 在创建结算会话时，添加与您的应用深层链接方案匹配的 intent-filter 于 AndroidManifest.xml并在两者中处理深度链接 onCreate 和 onNewIntent当深度链接到达时：

检查 has_error 处理取消或故障。
提取 one_time_token （以及可选的 checkout_session从URI中获取。
将OTT发送到后端以调用创建支付endpoint然后调用 continuePayment 在SDK中恢复流程。

full SDK 获取详细示例：Android完整结账流程和iOS完整结账流程。