TiPay
  1. 开放文档
TiPay
  • 开放文档
    • Ti-Pay 支付通道快速接入
    • Q&A
    • 易宝钱包支付页面交互步骤图解
    • 交易(二级)
      • 交易下单
      • 查询订单
      • 分账申请
      • 分账结果查询
      • 申请退款
      • 退款查询
    • 数藏钱包
      • 钱包注册/登录接口
      • 钱包账户信息查询
  1. 开放文档

易宝钱包支付页面交互步骤图解

易宝钱包支付#

step1.开通易宝钱包#

在使用易宝钱包之前,需要引导用户手动开通钱包,否则调用接口时会报错
调用钱包注册/登录接口
image.png
根据接口返回的Url跳转到指定页面
image.png
按照流程,完成易宝钱包注册
image.png

step2 .钱包下单(检查钱包状态/下单)#

下单前需要先检查用户易宝钱包状态
image.png
报错或renewStatus=INVALID,表示用户未开通钱包或钱包已失效
renewStatus=VALID,表示用户易宝钱包可用
![image.png]
调用易宝钱包下单接口
image.png
根据接口返回的Url跳转到收银台界面
image.png

step3 . 用户完成支付#

第一次进入收银台时,提示选择余额支付还是银行卡,之后会默认选择上一次的支付方式
image.png
使用余额支付
image.png
输入支付密码
image.png
完成付款
image.png
点击返回商户,回到支付结果页面(若未配置回调地址,则没有此按钮)
image.png

优化支付体验#

● 易宝支付不同于支付宝、微信支付,后者是直接拉起APP,而易宝只有收银台,并且没有返回按钮的,若用户不想支付了,只能手动返回
● 易宝支付成功后,跳转到redirectUrl没有使用replace,所以跳转商户页后又可以返回到支付页
建议将易宝支付的支付收银台链接使用iframe嵌入+popoup弹窗模式,这样可以手动加入一个返回按钮,支付完成跳回商户页面时,iframe页向父窗体postMessage,父窗体接收到消息后控制关闭弹窗
支付确认页(父窗体)
image.png
支付结果页(iframe子窗体)
image.png
上一页
Q&A
下一页
交易下单
Built with