Drop-in
    • Drop-in Overview
    • Drop-in Integration Step
    • Drop-in Integration Step - 中文
    • SDK Parameter Reference - 中文
    • SDK Parameter Reference

    SDK Parameter Reference - 中文

    SDK Parameter Reference#

    Options#

    OptionTypeRequiredDescription
    idstringYes挂载的 DOM 元素 ID
    sessionIDstringYes取 LinkPay 接口返回的 sessionID
    localestringNoDrop-in 显示的语言
    例:en-US
    environmentstringYes设置 Drop-in 应指向并发送请求的环境
    枚举值:HKG_prod BKK_prod TYO_prod UAT TEST
    modestringYes设置 Drop-in UI 展示模式
    枚举值:fullPage embedded
    uiOptionobjectNo接入方可以通过本字段定义 Drop-in 页面中的元素展示
    appearanceobjectNo接入方可以通过本字段定义 Drop-in 的 UI 样式

    uiOption object#

    OptionTypeRequiredDescription
    cardobjectNo卡支付相关元素的控制
    TnCobjectNoTnC 相关元素的控制
    showSaveImagebooleanNo控制 Drop-in 页面上是否展示 save 支付方式(便利店支付等)详情的按钮
    如果不传,默认为 false 表示不展示
    hidePaymentButtonbooleanNo控制 Drop-in 页面上是否隐藏支付按钮
    如果不传,默认为 false 表示不展示。在传 ture 的情况下,则会默认隐藏 Google Pay 支付方式。
    当隐藏支付按钮后,商户页面需要自行构建支付按钮,并通过 sdk.pay() 方法触发支付流程
    pagingbooleanNo控制 Drop-in 中 personal details 和 purchase summary 是否在同一页展示
    如果不传,默认为 false 表示不分页

    card object#

    OptionTypeRequiredDescription
    showCardHolderNamebooleanNo控制页面上是否收集持卡人姓名输入框,不传默认为 false,表示不展示持卡人姓名输入框
    CVVForSavedCardbooleanNo控制页面上是否在使用 Saved card 支付时是否还需要输入 CVV,不传默认为 false,表示不需要输入 CVV

    TnC object#

    OptionTypeRequiredDescription
    showTnCbooleanNo控制页面上是否展示 TnC
    如果不传,默认为 false 不展示 TnC
    modebooleanNo控制页面上如何展示 TnC
    枚举值:
    checkbox:TnC 前展示 checkbox
    click2accept:TnC 前没有 checkbox,点击 Pay 按钮即表示接受 TnC
    默认值:click2accept
    urlstringconditional商户提供的 TnC 的页面地址,当 displayTnC = true 时必填

    appearance object#

    OptionTypeRequiredDescription
    colorActionstringNoCheckbox选中或按钮可点击的状态的颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorBackgroundstringNo整个 Drop-in 的背景颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorBoxStrokestringNo边框、分割线颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorDisabledstringNo按钮不可点击时的颜色颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorErrorstringNoCheckbox, 输入框报错的时边框以及 error 提示文字的颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorFormBackgroundstringNoCheckbox, 输入框的背景色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorFormBorderstringNo输入框的边框颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorInversestringNo按钮中文字的颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorBoxFillingOutlinestringNo输入框的边框选状态下的颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorPlaceholderstringNo输入框占位符的颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorPrimarystringNo主字体颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    colorSecondarystringNo副字体颜色,具体关联的 UI 见设计图
    十六进制颜色码,例如:#5E48FC
    buttonfont objectNo控制按钮样式,具体关联的 UI 见设计图
    headingfont objectNo控制标题样式,具体关联的 UI 见设计图
    subHeadingfont objectNo控制父标题样式,具体关联的 UI 见设计图
    headingPopupfont objectNo控制弹出窗口的标题样式,具体关联的 UI 见设计图
    labelfont objectNo控制标签样式,具体关联的 UI 见设计图
    labelInfofont objectNo控制文字标题样式,具体关联的 UI 见设计图
    labelPopupfont objectNo控制弹窗中文字标题样式,具体关联的 UI 见设计图
    inputFieldfont objectNo控制文本框中文字样式,具体关联的 UI 见设计图
    inputFieldInfofont objectNo控制文字样式,具体关联的 UI 见设计图
    inputFieldPopupfont objectNo控制弹窗中文字样式,具体关联的 UI 见设计图
    paragraphfont objectNo控制注脚样式,具体关联的 UI 见设计图
    placeholderfont objectNo控制文本框中占位符样式,具体关联的 UI 见设计图
    borderRadiusarrayNo控制页面圆角大小,具体关联的 UI 见设计图
    ["4px", "8px", "10px", "8px"]
    以上四个数据分别表示 borderRadius 1 borderRadius 2 borderRadius 3 borderRadius 4
    logoPositionstringNo控制商户logo位置,具体关联的 UI 见设计图
    枚举值:left middle right

    font Object#

    OptionTypeRequiredDescription
    fontFamilystringYes字体
    例:-apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif
    fontSizestringYes字体大小
    例:16px
    fontWeightstringYes字体粗细
    例:400
    letterSpacingstringYes字间距
    例:0.3px
    lineHeightstringYes行高
    例:1.5

    Event#

    Drop-in 通过向接入方页面发送事件消息来响应命令。发出命令的客户端监听事件消息。

    payment_completed#

    当用户在 Drop-in 中完成支付并且支付结果为成功时返回此 event
    OptionTypeRequiredDescription
    typestringYes固定值 payment_completed
    sessionIDstringYes同调用 Drop-in 时的 sessionID
    merchantTransIDstringYes交易订单号,可以使用 GET Payment API 查询详情
    econtextobjectNoComing Soon

    payment_failed#

    当用户在 Drop-in 中完成支付但是支付结果为失败时返回此 event
    OptionTypeRequiredDescription
    typestringYes固定值 payment_failed
    sessionIDstringYes同调用 Drop-in 时的 sessionID
    merchantTransIDstringYes交易订单号,可以使用 GET Payment API 查询详情
    codestringNo支付失败是联机返回的应答码
    messagestringNo支付失败是联机返回的应答内容

    payment_not_preformed#

    在商户页面调用 Drop-in 时发生错误返回此 event。例如 payment command 中 sessionID 不存在或错误。
    OptionTypeRequiredDescription
    typestringYes固定值 payment_failed
    sessionIDstringYes同调用 Drop-in 时的 sessionID
    codestringNo应答码见下方表格
    messagestringNo应答码见下方表格

    Response Codes#

    错误场景应答码message
    字段长度格式错误V0000field {} invalid format
    必送字段没传V0001field {} absent or empty
    字段枚举值错误V0002field {} invalid value
    Session ID 不存在B2001Session ID not found
    Session ID 存在但是订单已经支付成功B2002Order has been paid
    Session ID 存在但是订单已经过期B2003Order closed
    其他错误B2004Payment error
    当前订单没有可用的支付方式B2005No available payment method
    支付失败B2006Payment failed

    payment_cancelled#

    当用户在 Drop-in 中主动终止支付流程退出 Drop-in 时返回此 event
    OptionTypeRequiredDescription
    typestringYes固定值 payment_cancelled
    sessionIDstringYes同调用 Drop-in 时的 sessionID

    order_created#

    需要注意的是,order_created 事件并不代表这支付成功,只表示下单成功。
    当用户选择了需要异步完成支付的支付方式后(例如便利店支付),并在支付信息展示页中点击 “完成” 按钮后,Drop-in 将向商户页面返回 order_created 事件,同时将 econtext(便利店支付信息)一并返回给商户页面,此时商户可以选择关闭 Drop-in 然后将支付信息展示在自己的页面中,并使用 GET Payment 查询用户支付结果。
    如果商户在收到 order_created 事件后没有选择关闭 Drop-in,Drop-in 将持续查询当前订单的支付结果,当查询到最终的结果后,将向商户页面返回 payment_failed 或 payment_completed 事件。
    OptionTypeRequiredDescription
    typestringYes固定值 order_created
    sessionIDstringYes同 payment command 中的 sessionID
    merchantTransIDstringYes交易订单号,用户后续查询订单详情
    econtextobjectYes需要展示支付信息独立支付的支付方式时返回

    econtext#

    OptionTypeRequiredDescription
    paymentBrandstringYes支付品牌
    confirmationCodestring(32)NoThe confirmation number that merchant needs to diplay on payment page for user to complete the subsequent payment process at convenience stores.
    paymentCodestring(32)NoA number customers that merchant needs to diplay on payment page for user to complete the follow-up payment process at convenience stores.
    customerFeestring(32)NoAdditional fee charged to users for specific payment brands.
    orderIDstring(24)NoRemitters/payers name that merchant needs to display on payment page for user to send money as.
    bankNamestring(300)NoThe name of the bank of receving account that merchant needs to display on payment page for user to wire funds.
    accountBranchNamestring(300)NoThe account branch name of receving account that merchant needs to display on payment page for user to wire funds.
    accountBranchCodestring(24)NoThe account branch code of receving account that merchant needs to display on payment page for user to wire funds.
    accountNumberstring(32)NoThe account number of receving account that merchant needs to display on payment page for user to wire funds.
    accountTypestring(12)NoThe account type of receving account that merchant needs to display on payment page for user to wire funds.
    accountNamestring(300)NoThe account name of receving account that merchant needs to display on payment page for user to wire funds.
    bankIDstring(32)NoThe institution of receving account that merchant needs to display on payment page for user to complete the follow-up payment process via PayEasy.
    customerIDstring(32)NoThe customer number of receving account that merchant needs to display on payment page for user to complete the follow-up payment process via PayEasy.
    expiryDatedatetimeNoThe payment due date by which user must complete the follow-up payment process.
    Format: ISO 8601 YYYY-MM-DDThh:mm:ssTZD
    instructionURLstring(300)NoA URL for an instructions page that merchant needs to display it on payment page to guide users.
    Previous
    Drop-in Integration Step - 中文
    Next
    SDK Parameter Reference
    Built with