美文网首页
微信分享

微信分享

作者: 虚蕪面孔 | 来源:发表于2017-10-31 11:16 被阅读9次

let url=location.href.split('#')[0];//获取url并去除#

url=encodeURIComponent(url);//url转码(解决url问题导致签名不通过)注:同样可以解决微信url自动带参数问题,二次回调

this.$http.get("/wechat/share/get?url="+url).then(res=>{//向后台发送请求将url给后台,,获取微信config参数

this.shareData=res.data.datas;

console.log(res);

// config信息验证a = res.data.data后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作

wx.config({

debug:false,// 开启调试模式,开发时可以开启

appId:"",// 必填,公众号的唯一标识  由接口返回

timestamp:this.shareData.timestamp,// 必填,生成签名的时间戳 由接口返回

nonceStr:this.shareData.digit,// 必填,生成签名的随机串 由接口返回

signature:this.shareData.signature,// 必填,签名 由接口返回

jsApiList:['onMenuShareAppMessage','onMenuShareTimeline']// 此处填你所用到的方法

});

wx.error((res)=>{

console.log(res);

})

wx.onMenuShareTimeline({//分享给好友,更多接口请看微信开发jssdk

title:"饭票来了",// 分享标题

desc:"一张饭票",

link:"",

imgUrl:"",// 分享图标

success:function() {// 用户确认分享后执行的回调函数

console.log("sucess")

},err=>{

console.log(err)

})

},

cancel:function() {

// 用户取消分享后执行的回调函数

alert("分享失败")

}

});

相关文章

网友评论

      本文标题:微信分享

      本文链接:https://www.haomeiwen.com/subject/eokjsxtx.html