无意间接触到的一个东西
第一步：
npm install weixin-js-sdk -S
或者直接index.html里面引入js文件 http://res.wx.qq.com/open/js/jweixin-1.6.0.js
官方文档
第二步：
import wx from 'weixin-js-sdk'
在main.js里面把wx挂载到Vue下面 Vue.prototype.$wx = wx
// 找后台获取签名，（拿签名的接口只需要向后台传递当前页面的url就行了，其他参数更具业务自定，如果后台找你要授权验证的code，就让他自己看文档去）
this.$store.dispatch('getAutographCode', {vm: this, devType: 'yanshi', url: window.location.href}).then(res => {
if(res && res.data){
this.$wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: res.data.appId, // 必填，公众号的唯一标识
timestamp: res.data.timestamp, // 必填，生成签名的时间戳
nonceStr: res.data.noncestr, // 必填，生成签名的随机串
signature: res.data.signature, // 必填，签名
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
})
this.$wx.ready(() => { //需在用户可能点击分享按钮前就先调用
console.log(this.$wx, 'readyreadyreadyreadyreadyreadyreadyready')
this.$wx.onMenuShareTimeline({
title: this.title, // 分享标题
link: this.$serverPath, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: this.cover , // 分享图标
success: () => {
// 设置成功
}
})
this.$wx.onMenuShareAppMessage({
title: this.title, // 分享标题
link: this.$serverPath, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: this.cover, // 分享图标
success: () => {
// 设置成功
}
})
});
this.$wx.error(() => { //需在用户可能点击分享按钮前就先调用
console.log(this.$wx, 'errorerrorerrorerrorerrorerrorerrorerror')
});
}
})
代码调取成功后，微信那边并不会弹出窗口让选择是分享朋友圈还是分享给好友，只是自定义了微信右上角三个点里面的分享功能
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
