H5页面调取微信公众号支付

1.需要有公众号，公众号开通支付功能
2.需要获取微信用户信息，获取用户的openid

3.************在公众号平台中设置回调地址
4.通过后台返回支付生成的签名，调取微信支付
5.************从2017年7月开始公众号中的支付配置已经迁移到商户平台

需配置支付授权目录，不配置会出现

503000245231340814.png
K$`}VKFKCDA%Q%L}8E`O5KK.png

切记 切记

function onBridgeReady(data){
// alert(22222);
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId" : data.data.appId, //公众号名称，由商户传入
"timeStamp":data.data.timeStamp, //时间戳，自1970年以来的秒数
"nonceStr" : data.data.nonceStr, //随机串
"package" :data.data.package, //统一订单号
"signType" : data.data.signType, //微信签名方式：
"paySign" : data.data.paySign //支付签名

       },  
       function(res){      
           if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                        // alert(11111111);
           
                        $("#fkcg").show();
           }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。  
       
        if(res.err_msg == "get_brand_wcpay_request:cancel" ) {
                        
               layer.msg("您也取消支付，请重新支付");

                        
           
                       
           } 
       
       
       
       
       
       
       } 
       



   );  
}  
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{
    var storage = window.localStorage;

    var json = storage.getItem("zhifu");
   var jsonObj = JSON.parse(json)

   onBridgeReady(jsonObj);  
}