H5 网站实现支付宝支付是一个很常见的需求;
实现方式主要是在后台配置和预支付,
前端需要做的就是唤起 支付宝App 然后就可以输入密码支付。
这个其实难度很低, 主要就是在后台返回的签名加上支付宝给的 基本访问前缀 拼接 URL 然后通过方法 window.location.href 方法打开拼接后的 URL 即可唤起支付宝支付。
这个比较坑爹,微信浏览器会当掉 支付宝的 URL 链接,只能去浏览器中打开就可
1.一般直接通过 window.location.href 打开拼接成的 URL 后直接在页面打开输出很长一串字符让用户复制去浏览器中打开这个体验很差。
2.比较合适的做法是在页面输出字符串的这个页面不主动打开 URL, 而是提醒用户去手机浏览器中打开此页面,在页面上显示一个按钮,
然后这个按钮绑定一个方法来执行打开 URL 的动作,即可完成完成绕过微信浏览器到 支付宝App支付。