Vue实现微信分享

1、安装   npm install weixin-js-sdk
2import wx from 'weixin-js-sdk';
**初始化的时候就获取签名**
		代码
				 let url = process.env.baseShortUrl+'/ins_wc/wechat/getLogo';
                let param = location.href.split('#')[0];   //当前的链接
                let params = {
                    url: param
                };
                let _that = this;
                this.$http.get(url, {params: params}).then( res => {

                    let Data = res.data.split(",");   //把字符串转为数组
                    //微信分享配置
                    wx.config({
                        debug: false,                   //调试,如果分享出错可以设置true
                        appId: process.env.appId,
                        timestamp: Data[0],
                        nonceStr: Data[1],
                        signature: Data[2],
                        jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']
                    });
                    wx.ready(function(){
                        let shareData = {
                            title: "货车驾乘无忧意外险",
                            desc: "你的一小笔开支,是我们关系的一大步,为我付款吧",
                            link: process.env.indexUrl + "?user="+_that.parameter, //分享的链接 必须跟安全域名的保持一致,不然分享无效
                            imgUrl: process.env.driverSmall + '/images/insurance-pic-file/driverAccident.png',
                            success: function(){

                            }
                        };
                        wx.onMenuShareAppMessage(shareData);   //微信好友
                        wx.onMenuShareTimeline(shareData);     //朋友圈

                    });

完事!!!

猜你喜欢

转载自blog.csdn.net/qq_37330613/article/details/84562699