微信小程序嵌入H5网页版实现支付代码
时间: 2023-10-07 12:07:31 浏览: 236
微信小程序与内嵌网页交互实现支付功能
微信小程序嵌入H5网页版实现支付的代码如下:
1. 在小程序中打开 H5 网页
```javascript
wx.navigateTo({
url: 'https://www.example.com/pay.html'
})
```
2. 在 H5 网页中调用微信支付接口
```javascript
function onBridgeReady() {
WeixinJSBridge.invoke('getBrandWCPayRequest', {
"appId": "wx2421b1c4370ec43b", // appid
"timeStamp": "1395712654", // 时间戳
"nonceStr": "e61463f8efa94090b1f366cccfbbb444", // 随机串
"package": "prepay_id=u802345jgfjsdfgsdg888",
"signType": "MD5", // 微信签名方式
"paySign": "70EA570631E4BB79628FBCA90534C63FF7FADD89" // 微信签名
}, function(res){
if (res.err_msg == "get_brand_wcpay_request:ok") {
alert("支付成功");
} else if (res.err_msg == "get_brand_wcpay_request:cancel") {
alert("用户取消支付");
} else {
alert("支付失败,请重试");
}
});
}
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
```
其中,需要将 `appId`、`timeStamp`、`nonceStr`、`package`、`paySign` 替换为实际的值。在 H5 网页中调用微信支付接口时,需要根据微信支付的文档进行配置。
阅读全文