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);     //朋友圈

                    });

完事!!!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值