首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >微信分享等设置 -- 缩略图等

微信分享等设置 -- 缩略图等

作者头像
Rattenking
发布2021-01-29 16:06:46
发布2021-01-29 16:06:46
1.4K0
举报
文章被收录于专栏:RattenkingRattenking

1、请求‘接口注入权限验证配置’参数

代码语言:javascript
复制
var weixinParam = null;
//自定义分享内容
var shareObj = {
	title: '', // 分享标题
	desc: '', // 分享描述
	link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
	imgUrl: '', // 分享图标
	type: '', // 分享类型,music、video或link,不填默认为link
	dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
	success: function () { 
		// 用户确认分享后执行的回调函数
	},
	cancel: function () { 
		// 用户取消分享后执行的回调函数
	}
}
$.ajax({
	url : 'http://m.tyfo.com/wap/weixin/shareParam.htm',
	dataType : "json",
	async : false,
	type : "get",
	success:function(data){
		weixinParam = data;
	}
});

2、接口注入权限验证配置

代码语言:javascript
复制
wx.config({
	
	debug:false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
	
	appId:weixinParam.appId , // 必填,公众号的唯一标识
	
	timestamp:weixinParam.timestamp, // 必填,生成签名的时间戳
	
	nonceStr:weixinParam.nonceStr, // 必填,生成签名的随机串
	
	signature:weixinParam.signature,// 必填,签名
	
	jsApiList:["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone"] // 必填,需要使用的JS接口列表

});

debug:测试各绑定事件传入的测试(PC端打开,控制台console能看到各传入参数),上线改为false appId:公众号的唯一标识,为了安全考虑,后端传过来 timestamp:签名时间戳,例如:1414587457 nonceStr:签名随机字符串,例如:Wm3WZYTPz0wzccnW signature:签名 -- 通过appId请求到access_token,然后通过access_token请求到jsapi_ticket,通过jsapi_ticket、timestamp、nonceStr、url用sha1()加密生成signature; 为了安全考虑,这四个参数都由后台请求或者生成,然后前端请求使用。参考:微信公众平台JS-SDK说明文档附录1-JS-SDK使用权限签名算法

jsApiList:你要调用的JS接口,参考:微信公众平台JS-SDK说明文档附录2所有JS接口列表

3、通过ready接口处理成功验证

代码语言:javascript
复制
wx.ready(function(){
	// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
	//分享朋友圈
	
	wx.onMenuShareTimeline({ 
		title: shareObj.title, 
		
		link: shareObj.link, 
		
		imgUrl: shareObj.imgUrl, 
		
		success: shareObj.success,
		
		cancel: shareObj.cancel
	});
	
	//分享给朋友
	wx.onMenuShareAppMessage(shareObj);
	
	//分享到QQ
	wx.onMenuShareQQ(shareObj);
	
	//分享到腾讯微博
	wx.onMenuShareWeibo(shareObj);
	
	//分享到QQ空间
	wx.onMenuShareQZone(shareObj);
	
});

注意: 1、生成权限配置参数的signature的url必须为当前分享的URL; 2、必须先权限验证,成功后在ready接口调用。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017/06/16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档