专注微信公众号营销活动运营开发,专业的微信营销平台!
H5支付是一种方便用户在移动端网页上使用微信支付的方式，对于许多商家来说是必不可少的一种支付方式。如何在网页上使用微信支付呢？我们就需要使用到WeixinJSBridge内置对象来调用微信支付接口了。
首先，我们需要先引入js文件：
```
```
然后在代码中调用微信支付接口：
```
function onBridgeReady() {
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": "<?php echo $appId;?>", //公众号名称，由商户传入
"timeStamp":"<?php echo $timeStamp;?>", //时间戳，自1970年以来的秒数
"nonceStr" : "<?php echo $nonceStr;?>", //随机串
"package" : "<?php echo $package;?>", //订单详情扩展字符串
"signType" : "<?php echo $signType;?>", //微信签名方式
"paySign" : "<?php echo $paySign;?>" //微信签名
},
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、signType、paySign均为变量，需要替换成自己的数据。
在使用WeixinJSBridge之前，需要先检查是否支持该对象：
```
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();
}
```
以上为使用H5支付的简单步骤，需注意的是，在开通H5支付之前，需要先开通微信商户，提交基本信息并进行审核，方可开通使用。
总之，H5支付为移动支付提供了更加便捷和灵活的选择，相信随着移动支付的普及，H5支付也将更加广泛地应用于各行各业。
添加客服微信
