Web/WAP

1. 创建 config 对象：必传，Object 类型。包含所有配置参数：
   • locale: 选传，String 类型。商户客户端识别用户浏览器使用的语言种类，并传入浏览器语言信息，SDK 根据此信息提供对应语言的页面。目前 SDK 支持以下 3 种多语言，如果传入的值不是以下 3 种，将提供英语页面：
     • en_US：英语
     • in_ID：印尼语
     • th_TH：泰语​
   • environment: 必传，String 类型。用于传入环境参数，支持的值包括：
     • SANDBOX：沙箱环境
     • ​PROD：生产环境
   • analytics：选传，Object 类型，用于配置分析数据服务，包含以下参数：
     • ​enabled: 选传，Boolean 类型。默认值为 true ，代表允许 SDK 上传分析运行数据以提供更好的服务。如您不允许上传分析运行数据，需指定此值为 false 。
   • ​onLog: 选传，输出 SDK 运行期间触发的日志、接口异常等错误信息的回调函数。
   • onClose: 选传，买家点击关闭浮窗时触发回调函数。
   • onEventCallback: 选传，SDK 运行期间支付发生特定事件触发回调并返回具体事件码。
2. 实例化AMSCashierPayment 。

商户客户端自行监听支付按钮的点击事件。当买家选择支付方式并点击支付按钮后，商户服务端向 Alipay 服务器发起 支付会话创建 请求。一旦接收到 支付会话创建 请求的响应，将响应中的 paymentSessionData 值用于步骤五。您需要在请求中传入以下参数：

• paymentRequestId：商户侧支付宝的交易号。

• productCode：产品码，传入固定值  CASHIER_PAYMENT。

• paymentNotifyUrl：支付结果通知地址。

• paymentRedirectUrl：支付完成后回跳的商家结果页地址
• paymentAmount：需要向买家收取的支付金额
• order.orderAmount: 商家侧的订单金额。若出现促销打折，orderAmount金额可能不等于 paymentAmount。
• order.orderDescription：订单描述
• order.referenceOrderId：商户侧自己的订单号。若商家侧一笔订单存在多次请求支付宝支付的情况下，referenceOrderId和paymentRequestId建议是一对多的关系。
• paymentMethod.paymentMethodType：指定为 BANK。
• paymentMethod.paymentMethodMetaData：
  • 若集成单一银行模式，则指定 bankName 为银行名称。
  • 若集成银行类型聚合模式，则指定 paymentMethodCaregory 为支付方式类型。有效值为 BANK_TRANSFER、MOBILE_BANKING_APP和ONLINE_BANKING。
  • 若集成国家聚合模式，则指定 paymentMethodRegion 为国家。有效值为 TH 和 ID。

使用实例对象中的 createComponent() 函数:

• 使用 sessionData 参数创建配置对象: 将步骤 4 获取的 paymentSessionData 字段的完整数据传入 createComponent 的 sessionData 参数。
• 调用实例对象中的 createComponent()函数，返回值为 Promise，内容为使用该函数所得的组件实例对象。支付区块 DOM 节点即可根据环境参数渲染出支付方式视图并插入当前页面中。您可以配置以下参数：
  • appearance：选传，Object 类型，用于自定义外观主题配置，包含以下参数：
    • showLoading: 选传，Boolean 类型。默认值为 true ，代表展示默认loading 动画。如您不使用默认 loading 动画，需指定此值为 false 。​​​

调用实例对象中的 unmount() 函数进行 SDK 组件的资源回收，请在以下两种场景中调用：

• 用户退出支付页面时，需要回收 支付会话创建 中的组件资源。
• 用户发起多笔支付时，需要回收上一次 支付会话创建 中的组件资源。