微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享 |
您所在的位置：网站首页 › 分享成功的什么 › 微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享 |
微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享
|
微信公众号分享配置无效。。分享出来的只是纯链接了
挺久没接微信公众号的项目开发了，最近突然接了一个，结果微信自定义分享给我整懵了。原本配置的好好的，屡试不爽的代码，居然死活不生效，开启debug，开发者工具调试都显示没问题，结果在微信上分享出来就是没有配置生效，而且连以往的默认样式都没有，就是一个页面链接给分享出来了。最后还是兄弟公司的测试提了一嘴，说，现在微信的分享，必须要放到公众号里才生效，他们遇到过。。。纳尼？沃特发。。。于是迫不及待赶紧把公众号的菜单配置上去，从公众号自定义菜单进去，尝试分享，结果真的是，很顺利就分享成功了。。。哎，我一直以为是微信开放文档有啥更新，对着文档研究了半天也没发现个所以然，很委屈呀，你说你微信规则有变动，为啥也不提醒提醒，文档都翻烂了，也没发现在哪里有相关说明。特此一记吧，也给大伙提个醒。
上方是直接通过链接点击进入分享出来的结果
这里是通过公众号的自定义菜单入口进入的分享，可以成功自定义分享 讲到这里了，顺便说一下如何自定义微信分享吧。直接上代码： // 微信分享 Vue.prototype.wxShare = function (myurl, shareSuccess, desc, title, imgUrl) { let vm = this; let urlname = window.location.href.split('#')[0]; /** * 获取微信token信息 * @return {[type]} [description] */ function getToken(callback) { axios.post('xxxxx获取签名算法啥的接口', {'url': urlname}) .then(json => { if (json.data.code == 1) { Wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: json.data.token.appId, // 必填，公众号的唯一标识 timestamp: json.data.token.timestamp, // 必填，生成签名的时间戳 nonceStr: json.data.token.nonceStr, // 必填，生成签名的随机串 signature: json.data.token.signature,// 必填，签名，见附录1 jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); callback(); } else { // alert('分享功能暂不能使用') // MessageBox('提示', json.data.msg + '分享功能暂不能使用'); } }, () => { // alert('网络异常，获取微信参数失败') // MessageBox('提示', '网络异常，获取微信参数失败'); }); } // 分享内容、标题、链接等配置 let shareConfig = { title: title||'默认名字', desc: desc||'默认描述', link: myurl||'默认链接', imgUrl: imgUrl||'默认图片地址', success: function () { if (shareSuccess) { shareSuccess(); } }, cancel: function () { alert('分享已取消'); } }; // 初始化分享函数调用 function initShare() { Wx.ready(function () { // 分享到朋友圈 Wx.onMenuShareTimeline(shareConfig); // 分享给朋友 Wx.onMenuShareAppMessage(shareConfig); // 分享到QQ Wx.onMenuShareQQ(shareConfig); // 分享到腾讯微博 Wx.onMenuShareWeibo(shareConfig); // 分享到QQ空间 Wx.onMenuShareQZone(shareConfig); }); } getToken(initShare); };使用的时候只需在页面调用，然后传入对应的参数即可 var myurl = '你要分享出去的页面地址，可以携带一些特定业务参数'; var desc = "分享的一些描述" var shareSuccess = true var title = "分享的标题" var imgUrl = "图片地址，如果是商品详情很有可能是商品的主图之类的" this.wxShare(myurl,shareSuccess,desc,title,imgUrl);值得一提的是，微信开放文档的说明
|
按说明1.4.0之后的分享要用最新的，但是实际上操作下来的话，它确实只是说即将废弃，但是如果你只写最新的接口，还是可能无法正常分享的，所以，如果你是1.4.0之后的版本，那就把老的和新的都写上。如果是1.4.0之前的，就只写老的接口就好了。
版本的话就在package.json里看。方法不是一成不变，时刻关注官方文档，以官方文档为主。【本文地址】
今日新闻 |
推荐新闻 |