外部浏览器或者APP(view)中使用H5调用支付常见问题以及跳转问题

H5支付与小程序
一、支付宝
(1).在支付宝中申请商户号有多种 通过直接主体进行下号 一个主体最多不超过5个（如使用某一四方通道数量会不同）

(2).使用直付通形式下号（参考支付宝文档操作：[参考链接](https://opendocs.alipay.com/solution/0d3h7c?pathHash=1db892ac)）

(3).使用服务商的形式代支付宝商户调用及开通产品

h5可使用产品包括支付宝在内的所有产品皆可用例如：（当面付（现已分为订单码与经营码）、jsapi、手机网站支付、电脑网站支付等）

1.1当面付（接入文档）

![当面付更新内容](https://i-blog.csdnimg.cn/direct/786512a45d8a4f40add1b00d6a8cbfd7.png)
注意事项 
1.1.1.当面付中支付宝未提供同步跳转参数 需使用手动监听查询订单状态 或者后端通过异步回调告知前端
1.1.2.现当面付默认为订单码支付 唤起是链接为支付宝官方链接打开支付宝 出现蓝色支付宝页面 在正常业务中 用户不会有返回到业务页面的操作建议通过

1.2：手机网站支付就不说了 这个对接比较简单 没有什么其他的注意事项

alipays://（scheme）优化掉蓝色打开支付宝页面 (以下方法在浏览器h5中除调用手机网站支付之外都可通用)

如:

//url为支付宝预下单返回的支付链接
`alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=${encodeURIComponent(url)}`

注：
1.1.1.1：在微信环境内蓝色页面借助跳转无需做任何处理
1.1.1.2：在安卓与ios的百度浏览器内使用支付宝scheme失效问题

在安卓百度浏览器内请使用上面转接好的scheme进行拼接到下方

//url为支付宝预下单返回的支付链接
let urls=`alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=${encodeURIComponent(url)}
window.location.href=`https://ds.alipay.com/?scheme=${encodeURIComponent(urls)}`

在ios百度浏览器内请使用上面转接好的scheme进行拼接到下方

//url为支付宝预下单返回的支付链接
let urls=`alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=${encodeURIComponent(url)}
window.location.href=`https://render.alipay.com/p/s/i/?scheme=${encodeURIComponent(urls)}`

1.3：在浏览器中使用jsapi在使用过程可减少中拉起量以及速度的方式
当使用者在浏览器唤起支付宝过程中有平台可能使用到公众号以及小程序支付以此来进行支付过程

jsapi注意：
公众号支付与小程序之间的调用本身没什么问题 但是在公众号使用中和微信类似的我们需要时用静默授权后得到用户的openid进行预下单，在静默授权中会出现时间不等的白屏页面 更具用户当前网络状态这个时间无法判断 快的时候3-4s 慢的可能7-9s不等 在白屏期间用可能以为手机卡了从而导致垃圾订单很多 我们可能想在这个白屏期间我需要对这个白屏做一些处理 让用户觉得这个动作正在进行中

1.3.1、使用iframe来进行过度，将静默授权的链接在iframe中进行打开 使用监听iframe的渲染 在页面的外层实现loading动画或者其他提醒

iframe.onload = function() {
     //当iframe渲染完成时关闭loading动画或者提醒弹窗
};

下期会更新微信的一些支付方面的问题

如有其他关于支付宝支付的欢迎大家沟通或者建议，如有支付相关的业务也可咨询本人