微信支付

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

JSSDK调用

JSSDK调用微信配置
wx.config({
debug: true,
     appId: res.appId,
     nonceStr: res.nonceStr,
     timestamp: res.timestamp,
     url: res.url,
     signature: res.signature,
     jsApiList: [
         'checkJsApi', 'chooseWXPay'
     ],
 })
 wx.ready(function () {

 });

 wx.error(function (res) {
//                        console.log(res)
 });

//调取微信支付
wxpay(data){
   wx.chooseWXPay({
       appId:data.appId,
       timestamp:data.timeStamp,
       nonceStr:data.nonceStr,
       package:data.package,
       signType:data.signType,
       paySign:data.paySign,
       success: function (res) {
           console.log(res)
           alert('进入成功');
           if(res.err_msg === 'get_brand_wcpay_request:ok'){
               alert('支付成功，返回订单列表')
//                            this.deleteShop()
           }else if(res.err_msg === 'get_brand_wcpay_request:cancel'){
               alert('取消支付')
           }
       },
       cancel: function (res) {
           alert('失败');
       }
   });
},

H5调用

//调取微信支付
wxpay(data){
  function onBridgeReady(){
      alert('进入onBridgeReady')
      WeixinJSBridge.invoke(
          'getBrandWCPayRequest', {
              "appId":data.appId,     //公众号名称，由商户传入
              "timeStamp":data.timeStamp,         //时间戳，自1970年以来的秒数
              "nonceStr":data.nonceStr, //随机串
              "package":data.package,
              "signType":data.signType,         //微信签名方式：
              "paySign":data.paySign //微信签名
          },
          function(res){
              alert('进入成功失败')
              alert(res.err_msg)
              if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                  alert('ok')
              }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
          }
      );
  }
  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();
  }
},

注意：微信支付开发配置授权网页，要配置到最后一层
如：vue打包后当前发起支付页url为http://www.deruijun.com/index1.html#/shop/pay
那么授权页为http://www.deruijun.com/index1.html#/shop/