微信公众号自定义分享标题、图片、链接

6 篇文章 1 订阅

脚本之家 https://www.jb51.net/Special/935.htm

微信JS接口签名校验工具  https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

微信分享接口文档  https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

分享的链接、标题、描述、图片都未生效的原因是:link或imgUrl链接不完整或域名不对。必须是完整的链接,且域名必须和微信公众平台配置的域名一致

如果域名:http://admin

link:http://admin/public/index

imgUrl:http://admin/image/title.jpg

H5客户端:

wx.config({
     debug: false,// true为开启,false为关闭,开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。移动端会通过弹窗来提示相关信息。如果分享信息配置不正确的话,可以开了看对应报错信息
	appId: '${model?.result?.appId}',    //必填
	timestamp: '${model?.result?.timeStamp}',//必填
	nonceStr: '${model?.result?.noncestr}',  //必填
	signature: '${model?.result?.singaTure}',//必填
	jsApiList: [//必填,需要使用的JS接口列表,分享默认这几个,如果有其他的功能比如图片上传之类的,需要添加对应api进来
			'checkJsApi',
			'onMenuShareTimeline',//朋友圈
			'onMenuShareAppMessage',//发送给朋友
			'onMenuShareQQ'
			 ]
});
wx.error(function(res){
	// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
	alert(res.err_msg);
});
wx.ready(function () {
	//----------分享到朋友圈
	wx.onMenuShareTimeline({
		title: '${model?.result?.desc}', // 分享标题
		link: '${model?.result?.wechatLink}', // 分享链接,链接域名必须和微信配置的js安全域名一致,URL可以是项目中的任意一个
		imgUrl: '${model?.result?.wechatImgUrl}', // 分享图标
		success: function () { 
				   // 用户确认分享后执行的回调函数
				   alert("分享成功");
		 },
		 cancel: function () { 
				   // 用户取消分享后执行的回调函数
				   alert("分享失败");
		}
	});
	//-----------发送给朋友
	wx.onMenuShareAppMessage({
	     title: '智能规划', // 分享标题
		 desc: '${model?.result?.desc}', // 分享描述
		 link: '${model?.result?.share?.wechatLink}', // 分享链接,链接域名必须和微信配置的js安全域名一致,URL可以是项目中的任意一个
		 imgUrl: '${model?.result?.share?.wechatImgUrl}', // 分享图标
		 success: function () { 
				  // 用户确认分享后执行的回调函数
				  alert("发送成功");
		 },
		 cancel: function () { 
				 // 用户取消分享后执行的回调函数
				 alert("发送失败");
		 }
	});
    //-------------分享到QQ
	wx.onMenuShareQQ({   
        title: '明日医疗资讯', // 分享标题   
        desc: shareTitle, // 分享描述   
        link: '', // 分享链接   
        imgUrl: shareImgUrl, // 分享图标   
        success: function () {    // 用户确认分享后执行的回调函数   },   
        cancel: function () {    // 用户取消分享后执行的回调函数   }  
    });  
    //-------------分享到QQ空间  
    wx.onMenuShareQZone({   
        title: '明日医疗资讯', // 分享标题   
        desc: shareTitle, // 分享描述   
        link: '', // 分享链接   
        imgUrl: shareImgUrl, // 分享图标   
        success: function () {    // 用户确认分享后执行的回调函数   },   
        cancel: function () {    // 用户取消分享后执行的回调函数   }  
    });
});

Java服务端:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值