前端h5支付攻略 h5支付功能如何实现

前端h5支付前端需要干什么。

毋庸置疑，走接口。第一个走支付宝接口，第二个走微信接口，这些都是后台提供。

咱们前端要做的事情就行，传订单号，跟回调路径给后台

支付宝h5支付。

{
  "orderNo": "",
  "callbackUrl": ""
}

返回内容

{
  "code": "",
  "msg": "",
  "data": {
    "url": ""
  }
}

是咱们之前传给后台的url，返回有个url，拼接上自己想要跳转界面的就行。支付成功就会跳转线上部署的相应的路径。

最后一行关键代码：window.location.replace(url)

微信同理

微信h5支付。

{
  "orderNo": "",
  "callbackUrl": ""
}

返回内容

{
  "code": "",
  "msg": "",
  "data": {
    "url": ""
  }
}

最后一行关键代码：window.location.replace(url)

不过微信支付比较严格一点。就是域名得在微信支付选择h5配置域名。不然就好报一些错误。记得配置域名哦。