微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享

微信公众号分享配置无效。。分享出来的只是纯链接了

挺久没接微信公众号的项目开发了，最近突然接了一个，结果微信自定义分享给我整懵了。原本配置的好好的，屡试不爽的代码，居然死活不生效，开启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,// 必填，签名，见附录1jsApiList: ['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);// 分享到QQWx.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里看。方法不是一成不变，时刻关注官方文档，以官方文档为主。

微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享相关推荐

Unity 分享功能用Unity Native Share Plugin 实现链接、图片、视频等文件的分享+ 安卓 Ios 都可以，代码图文详解
Unity 分享功能用Unity Native Share Plugin 实现链接.图片.视频等文件的分享+ 安卓 Ios 都可以,代码图文详解前言环境效果一.Unity Native S ...
H5静态页面跳转微信小程序；从外部浏览器，点击H5链接跳转打开微信小程序；以及在微信内直接点击H5链接打开微信小程序；
参考链接需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...
微信支付：nginx配置网页授权域名用户在网页授权页同意授权给公众号后，微信会将授权数据传给一个回调页面，回调页面需在此域名下，以确保安全可靠。
nginx配置图
微信链接修改图片_微信链接修改图标
自定义链接是什么?微信链接修改图片_微信链接修改图标自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片,并且该卡片的标题,内容和图片都可以自己编辑.如下图效果 ● 未自定义的网页链接 ● ...
【微信公众号开发】获取并保存access_token、jsapi_ticket票据（可用于微信分享、语音识别等等）...
步骤一:首先得开通公众号(目的是获得appid.AppSecret.设置安全域名)~ [公众号设置]→[功能设置] 设置相应的域名步骤二:编写帮助类WeixinLuyinHelper中的代码 #r ...
uniapp自定义微信公众号分享设置
import wxshare from './wxshare.js'//设置分享参数@data:从后端接口获取分享相关数据(根据自己实际情况从后端接口获取) function setWxShare(d ...
php微信公众号测试号token配置失败,微信公众号Token配置失败解决办法
前言今天生病在家,由于我的微信公众号被投诉了,因此影视站接口被迫关闭,于是就想着给大家分享 APP,于是就用了下微信的自动回复, 想着能否把这个自动回复对接到 MIPCMS 上,于是就开干.但是微信 ...
公众号redirect_url配置_Niushop微信支付配置、微信退款配置、微信转账配置操作流程...
Niushop微信支付配置.微信退款配置.微信转账配置操作流程前几期,阿牛ger主要与大家分享了关于宝塔配置.接口插件配置.地址设置.版权设置等的代码,今天,阿牛ger与大家分享微信支付配置. 微信 ...
微信分享签名无效php_php实现微信分享朋友链接功能
本文为大家分享了php实现微信分享朋友链接,供大家参考,具体内容如下不是些高深知识,但是第一次做,确实费了很多的时间,终于一点一点的扣了出来,目前已经使用中. 解决这个问题,总共碰到了几次BUG,1 ...

微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享

微信公众号分享配置无效。。分享出来的只是纯链接了

微信公众号分享配置无效。。分享出来的只是纯链接了，如何自定义微信公众号的分享相关推荐

最新文章

热门文章