关于微信自定义分享的链接、标题、描述、图片都未生效问题详解

31 篇文章 1 订阅
14 篇文章 2 订阅

之前写了一篇关于微信js-sdk分享详解及demo实例(图文并茂很详细)的文章
很多人有这样的问题,为什么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";
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猫老板的豆

你的鼓励将是我创作的最大动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值