前言
之前系统内做过要给微信支付程序,只不过鉴于业务应用场景,大部分都是使用业务内的金币兑换产品,没有实际用到支付功能。后来运营小哥哥说他的手机不能唤起支付。于是乎我查询了一下资料,发现了这么个问题。
问题原因
WeixinJSBridge 没有完全加载完毕,导致 WeixinJSBridge.invoke('getBrandWCPayRequest') 不能够正常触发。但是IOS里可能是加载比较快或者其他原因,没有问题,安卓手机就比较随机,十次中有一次能够唤起支付密码框。
问题解决
function onBridgeReady() { WeixinJSBridge.invoke('getBrandWCPayRequest', { "appId": addRes.app_id, //公众号名称,由商户传入 "timeStamp": addRes.time_stamp, //时间戳,自1970年以来的秒数 "nonceStr": addRes.nonce, //随机串 "package": addRes.package, "signType": addRes.sign_type, //微信签名方式: "paySign": addRes.sign //微信签名 }, function (res) { // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。 }); } //这里是关键,如果JSBridge是undefined那么需要等待加载完毕在唤起支付,否则唤起失败 if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); } } else { onBridgeReady(); }
总结
微信公众号支付或多或少因为环境问题会导致其他问题,做测试还是要做全面啊~~~