开发微信公众号（H5）支付 WeixinJSBridge

微信支付【 JSAPI 支付】WeixinJSBridge.invoke()是微信浏览器的内置方法，只能在微信浏览器内部使用；

const that = this;
// appId,timeStamp,nonceStr,package,paySign,signType 数据均从后端获取（我后台引用 IJPay-WxPay 插件工具）
// 调用支付传递的参数注意区分大小写
function onBridgeReady(){
   WeixinJSBridge.invoke(
      'getBrandWCPayRequest', {
         "appId":"", // 公众号ID，由商户传入     
         "timeStamp":"", // 时间戳，自1970年以来的秒数     
         "nonceStr":"", // 随机串     
         "package":"prepay_id=xxx",     
         "signType":"", // 微信签名方式：     
         "paySign":"" // 微信签名 
      },
      function(res){
          if(res.err_msg == "get_brand_wcpay_request:ok" ){
              // 使用以上方式判断前端返回,微信团队郑重提示：
              //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
          }  else if (res.err_msg === "get_brand_wcpay_request:cancel") {
              // 支付过程中用户取消
          } else if (res.err_msg === "get_brand_wcpay_request:fail") {
              // 支付失败
          } else {
              /* *
			     * 其它
			     * 1、请检查预支付会话标识prepay_id是否已失效
			     * 2、请求的appid与下单接口的appid是否一致
                 * 其它报错例如：{"err_msg":"system:access_denied"} 等
			   * */
          }
       }
    ); 
}
// 判断是否在微信环境中
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();
}

微信公众平台 - 微信内置浏览器 JSAPI 唤起支付报错？ | 微信开放社区 (qq.com)  JSAPI支付，JS-SDK 返回错误：【chooseWXpay: permission denied】微信内置浏览器 WeixinJSBridge.invoke(‘xxx‘) API 报错：system:access_denied 这个问题有小程序进入H5引发，小程序不支持webview发起支付