vue项目引入微信js-SDK

1、npm install --save-dev weixin-js-sdk

2、import wx from 'weixin-js-sdk';

mounted(){

wx.config({

                beta: true, // 必须这么写,否则wx.invoke调用形式的jsapi会有问题

                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来

                appId: 'ww76673d8a0d7cd9d7', // 必填,企业微信的corpID

                timestamp: 1414587466, // 必填,生成签名的时间戳

                nonceStr: 'Wm3WZYTPz0wzccnC', // 必填,生成签名的随机串 必填,生成签名的随机串

                signature: that.ticketString, // 必填,签名

                jsApiList: ['getBrandWCPayRequest']

});

//H5网页支付例子

wx.invoke(

                'getBrandWCPayRequest', {

                    "appId": res.appId, //公众号名称,由商户传入

                    "timeStamp": res.timeStamp, //时间戳,自1970年以来的秒数

                    "nonceStr": res.nonceStr, //随机串

                    "package": res.packAge,

                    "signType": "MD5", //微信签名方式:

                    "paySign": res.signType //微信签名

                },

                function(res) {

                    Indicator.close();

                    var a = JSON.stringify(res);

                    if(res.err_msg == "get_brand_wcpay_request:ok") {

                        that.noLogin = false;

                        that.mySatake();

                        axios.get('/updateStatus/byOrderId?orderId='+that.orderId)

                        .then(()=>{

                            that.mySatake();

                            window.location.reload();

                        })

                        .catch(()=>{

                            Toast({message:"网络错误"})

                        })

                    }else{

                        that.mySatake();

                    } // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回    ok,但并不保证它绝对可靠。

                }

            );

}


推荐阅读更多精彩内容

  • 1、下载weixin-js-sdk 的依赖 cnpm install weixin-js-sdk --save 2...
    fangzy0723阅读 733评论 0 1
  • 1. 准备工作 1.1 查看公众号分享接口权限 要使用微信SDK必须要有经过微信认证的非个人服务号 登陆服务号后,...
    sxplus阅读 4,270评论 0 2
  • 在微信服务号开发的时候经常会遇到微信支付的功能实现,通过实际经验自己总结了一下,前端在H5页面调起微信支付有两种办...
    温室寻荒凉阅读 69,305评论 1 40
  • 去听吧,去看吧,去读吧,去做吧。哪怕是死在朝圣之路上,闭上眼也会微笑。 试着去体验各种各样的生活方式,你会从中发现...
    思维灯泡阅读 353评论 0 0
  • 许强也不跟刘云帆见外,直接坐下,摸了摸自己的板寸头,擦了一把汗,道:“刘老大,不好意思来晚了,路上出了点小事情。现...
    飄雲阅读 93评论 0 1