关于微信自定义分享的链接、标题、描述、图片都未生效问题详解
2017-08-30 18:18
1036 查看
之前写了一篇关于微信js-sdk分享详解及demo实例(图文并茂很详细)的文章
很多人有这样的问题,为什么debug都返回ok但微信自定义分享的链接、标题、描述、图片却都未生效
先附上一段标准且通俗易懂的ajax(获取微信JSAPI的配置参数)
var shareLink =location.origin + ‘/’ +Global.path + “/page/index”+ pageExt;
var shareImgUrl =location.origin + ‘/’ +Global.path + “/static/images/logo.jpg?v=29dd16b52d”;
很多人有这样的问题,为什么debug都返回ok但微信自定义分享的链接、标题、描述、图片却都未生效
先附上一段标准且通俗易懂的ajax(获取微信JSAPI的配置参数)
var urls = window.location.href; $.ajax({ type: "GET", url: Global.path+ Global.contextPath +'/getJsApiConfig?url='+urls, dataType: "json", contentType: "text/html;charset=UTF-8", beforeSend : function(){ loading.show(); }, success: function(rs){ if(rs.code == 0){ wx.config({ debug: false, appId: rs.data.appId, timestamp: rs.data.timestamp, nonceStr: rs.data.nonceStr, signature: rs.data.signature, jsApiList: [ 'checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage' ] }); var shareTitle = "使用充电服务,还有广告奖励金等你拿!"; var shareDesc = "帮你店铺服务升级"; var shareLink =location.origin + '/' +Global.path + "/page/index"+ pageExt; var shareImgUrl =location.origin + '/' +Global.path + "/static/images/logo.jpg?v=29dd16b52d"; wx.ready(function () { //分享给朋友 wx.onMenuShareAppMessage({ title: shareTitle, desc: shareDesc, link: shareLink, imgUrl: shareImgUrl, success: function (res) { showTip('朋友分享成功'); }, fail: function (res) { alert(JSON.stringify(res)); } }); //分享到朋友圈 wx.onMenuShareTimeline({ title: shareTitle, desc: shareDesc, link: shareLink, imgUrl: shareImgUrl, success: function (res) { showTip('朋友圈分享成功'); }, fail: function (res) { alert(JSON.stringify(res)); } }); }) } }, complete:function(){ loading.hide(); }, error: function(rs) { showTip(rs.msg); } });
分享的链接、标题、描述、图片都未生效的主要原因是link和imgUrl都需要补全前半部分(location.origin)。
如上代码的:var shareLink =location.origin + ‘/’ +Global.path + “/page/index”+ pageExt;
var shareImgUrl =location.origin + ‘/’ +Global.path + “/static/images/logo.jpg?v=29dd16b52d”;
相关文章推荐
- 微信自定义分享链接(设置标题+简介+图片)
- php 微信分享自定义标题 图片 描述接口开发
- 微信分享网页时自定义标题、描述和图片
- 如何在不接入微信API的情况下自定义分享内容(图片、链接、标题)
- 微信jssdk-微信分享链接修改标题描述图片
- 吐血中, 调用分享到微信好友,加载的网络图片显示不出来,微信分享,自定义分享标题、内容描述关键词限制(红包)
- 微信页面 config注入获取权限 自定义微信分享的图片链接及标题
- 2015最新微信接口分享标题、图片和描述自定义设置
- 如何实现微信自定义分享标题、图片、描述等信息
- 关于第三方应用(Android平台)通过微信分享文字、图片的问题研究。
- 关于微信二次分享,标题变链接的解决方法(二)----代码部分
- 分享到微信时如何自定义文字描述和图片
- 微信浏览器分享到朋友圈自定义标题、描述和图片,查看图片可伸缩、保存
- 微信分享自定义图片标题摘要
- 关于微信二次分享,描述变链接的解决方法(一)----文档说明
- 微信分享自定义标题和图片的js
- 微信分享网页自定义分享标题,图片,说明
- 微信自定义分享标题、描述关键词限制(红包)
- 微信分享时链接地址代替了描述的问题