USEEPAY
  1. applepay&googlepay内嵌
USEEPAY
  • 全球收单
    • 域名说明
    • 集成流程说明
    • 生产账户启用
    • UseePay出口IP说明
    • 签名指导
      • 签名
      • 验签
      • demo
    • 沙盒测试资源
      • 测试卡号
      • 信用卡测试案例
      • 退款测试案例
      • 本地化测试案例
      • ApplePay&& Google Pay测试用例
    • 跳转式收银台接口
      • 跳转收银台paymentMethod参数说明
      • 支付/预授权
    • 内嵌式收银台接口
      • 0.0.1-只支持信用卡
        • 内嵌收银台快捷支付
        • 内嵌收银台新版本更新说明
        • 内嵌收银台对接说明
      • 新版-支持信用卡+AP+GP
        • 内嵌收银台2.0.0版本说明
      • create token 创建JSSDK所需的token
    • 订单通用接口
      • 退款Refund
      • 查询Query
      • 预授权撤销(Void)
      • 预授权完成(Capture)
    • 本地化支付
      • 本地化汇总
      • 本地化接口
        • 便利店支付
          • konbini
            • konbini 收银台模式
            • konbini api模式
          • payeasy
            • payeasy api 模式
            • payeasy 收银台模式
        • 分期付款Pay Later
          • Klarna产品介绍
          • Klarna direct
          • Klarna Redirect
        • 电子钱包
          • Alipay
            • Alipay Direct 文档
            • alipay_cn/alipay_hk direct 文档
          • Wechat-HK
            • 扫码支付
              • 扫码支付
              • direct
                • 扫码支付 Server To Server模式
              • redirect
                • 扫码支付收银台模式(wechat_native)
            • Jsapi支付下单接口
              • 小程序支付
              • 微信公众号支付
              • Jsapi支付下单接口
            • H5支付
              • H5支付
          • Google Pay
            • GoogePay Test card
            • Google Pay 对接可能遇到的问题
            • redirect
              • 跳转式GooglePay收银台
            • api
              • Google Pay API对接
              • Googlepay API 支付
          • applepay
            • ApplePay 扩展
            • ApplePay API
              • ApplePay API接入流程
              • ApplePay API接入流程备份
              • ApplePay Merchant Identifier
              • ApplePay支付
              • ApplePay商户Session
            • applepay cashier
              • applepay 跳转收银台
          • applepay&googlepay内嵌
            • 1.0.0 内嵌方式对接 (建议使用“内嵌方式对接2.0.0”版本)
            • 内嵌方式对接2.0.0
        • 银行转账
          • pix
          • Giropay
            • Giropay_Redirect
            • Giropay_Direct
          • sofort
            • sofort_Redirect
            • sofort_Direct
          • bancontact
            • bancontact_Redirect
          • Ideal
            • Ideal_Redirect
            • Ideal_Direct
          • boleto
            • boleto_Direct
        • 本地化Card
        • Cash(Ticket)现金支付
          • oxxo
          • boleto
          • Cash Common
      • 支付方式(国家/地区)
        • 荷兰
        • 巴西
        • 墨西哥
        • 中国香港
        • 日本
        • 德国
        • 奥地利
        • 西班牙
        • 波兰
        • 意大利
        • 哥伦比亚
        • 比利时
        • 瑞士
    • 通用对象参数和规范说明
      • 参数对象说明(过期)
      • 业务结果码(ResultCode)
      • 错误码(ErrorCode)
      • 金额和货币单位
      • 国家信息参考
      • 对象模型
        • userInfo
        • shippingAddress
        • goodsInfo
        • billingAddress
        • deviceInfo
        • transactionInfo
    • 通知接口说明
      • 交易通知
        • 同步通知
        • 异步 webhook版本升级
        • webhook
      • 拒付
        • 拒付webhook
    • 物流接口
      • 物流信息上送
        • 物流信息上传2.1
        • 物流信息上传(已废弃)
      • 物流信息查询
        • 物流信息查询2.1
        • 物流信息查询(已废弃)
    • 拒付接口
      • 拒付流程说明
      • 拒付查询
    • SFTP
      • SFTP
    • 常见问题
      • 支付和预授权的区别
    • demo
    • 插件安装指导
      • magento插件支付安装
        • Wechat/Alipay/UseePay Payments
    • 订阅
      • 订阅文档
  • 产品说明
    • 收银台
    • 内嵌式收银台
    • Server To Server 直连
  • FAQ
    • 集成和认证
    • 常见问题解答
    • ueeshop配置常见错误
    • ApplePay常见问题
  1. applepay&googlepay内嵌

内嵌方式对接2.0.0

Useepay SDK 使用说明#

简介#

这是一个用于对接内嵌收银台的SDK,旨在帮助开发者快速集成Useepay的支付功能。

证书说明#

ApplePay 证书#

ApplePay 内嵌方式对接需要在网站的路径下放ApplePay证书,请联系UseePay的运营获取该证书。
1.
每个网站(区分二级域名)都需要放证书,证书有过期时间
2.
上线ApplePay证书,需要联系UseePay运营进行证书验证,否则无法正常处理交易

GooglePay证书#

googlepay 内嵌方式无需证书

测试说明#

请参考
https://openapi-useepay.apifox.cn/doc-3829773#apple-pay

对接流程图#

image.png

对接支付方式说明#

1.
googlePay
注意
请确保在localhost或者https环境对接
2.
applePay
注意
对接applePay需要先申请证书,出现applePay按钮的域名都需要申请证书(无论生产或测试)
提供域名后,将useepay提供的证书放置在指定位置并进行验证
只能在申请证书的域名下进行调试
请在沙盒环境完成测试后再上线

目前支持的支付方式#

快速开始#

1.
首先使用script标签引用Useepay的官方SDK:
2.
通过验证是否成功在window挂载来进行下一步:
3.
在进行支付时sdk需要一些必要的支付信息来初始化以及后续的支付:
4.
你需要实现该方法来创建支付订单获取AccessToken用于后续的支付,该方法会在点击支付按钮后触发(具体的获取方法请点击跳转至文档):
提示
该操作需要在20s内完成,超时将以失败处理!
示例getUseePayAccessToken请求(仅供参考)
💡
/api/getAccessToken 为商户后端的接口,该接口需要调用UseePay create token ,接口获取token,注意调用该接口时autoRedirect参数设置为false.
上述代码中的response.data 参数示例:
把调用UseePay create token 返回的所有参数放入resolve 中

{
      resultCode: 'received', 
      token: 'mop:mapi:redis:50bcded0-a7e1-11ef-8163-a170e601bc8d', 
      errorCode: '', 
      errorMsg: ''
}
5.
我们提供了全局的支付结果回调方法,你可以通过payMethods设置全局成功和失败回调(可选):
6.
调用该方法并传入支付方式和要渲染的元素ID来创建支付方式:
7.
支付取消回调方法(可选, 仅支持googlePay、applePay):
8.
Click点击事件配置 (可选, 仅支持googlePay、applePay):
提示
该操作需要在1s内完成,超时将以失败处理!
9.
你的应用场景如果需要修改支付的参数,你可以通过实现该方法来完成(可选):
使用场景
常用于消费者用积分抵扣或者优惠券扣减订单总额的场景
注意
如果你没有修改金额和币种的需求,无需实现该方法
changeAmountAndCurrency会在点击按钮后获取最新的amount和currency
changeAmountAndCurrency默认返回{}
返回的对象中,amount和currency均为可选的String类型字段
如果返回的对象中,没有设置amount和currency,那么将使用createPaymentInfo中的值
确保changeAmountAndCurrency返回值的类型是对象
10.
地址变更事件 (可选, 仅支持googlePay):
11.
运费变更事件 (可选, 仅支持googlePay):

业务结果码(ResultCode)#

注意
在处理paySuccess和payError时你需要关注支付的结果,根据ResultCode来进行相应的操作
参考:点击查看文档
Tips: 如果上面的步骤都已完成,那么恭喜你,你已经成功了!

检测支持的payMethods#

说明:上面的被动校验方式可能不满足你的需求,因此我们提供了主动校验
注意(单独使用无需关注)
sdk在创建支付方式时内置了检测,因此请确保你在结合使用时能正确处理逻辑,以免产生冲突
1.
综合检测,检测是否支持:
2.
单独检测googlePay是否支持:
3.
单独检测applePay是否支持:

示例Demo#

注意
此Demo仅供参考,具体的api使用方式和参数信息,请参考上述文档的详细介绍。
我们建议您先阅读文档,了解sdk的对接流程和注意事项再使用Demo。以便您更快速的接入。
上一页
1.0.0 内嵌方式对接 (建议使用“内嵌方式对接2.0.0”版本)
下一页
pix
Built with