微信分享等设置 -- 缩略图等
2017-06-16 11:40
225 查看
1、请求‘接口注入权限验证配置’参数
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、接口注入权限验证配置
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接口处理成功验证
1、生成权限配置参数的signature的url必须为当前分享的URL;
2、必须先权限验证,成功后在ready接口调用。
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、接口注入权限验证配置
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接口处理成功验证
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接口调用。
相关文章推荐
- 微信分享接口示例(设置标题、缩略图、连接、描述),附demo下载
- 设置 微信分享时候的的标题 缩略图 连接 描述
- 设置微信分享的标题 缩略图 连接 描述
- 设置微信分享的标题 缩略图 连接 描述
- 设置微信分享的标题 缩略图 连接 描述
- 微信分享接口示例(设置标题、缩略图、连接、描述),附demo下载
- 微信分享的标题、缩略图、连接及描述设置方法
- .NET微信自定义分享标题、缩略图、超链接及描述的设置方法
- 设置微信分享的标题 缩略图 连接 描述
- 将网页分享到微信带有缩略图和简介
- 微信分享的时候为怎么不生成缩略图呢?我来总结一下
- 微信分享图标设置,以及wx.config配置
- 微信分享时没有缩略图时的解决方案!
- 微信分享链接不显示缩略图
- 微信分享链接的缩略图和标题
- 微信分享动态设置title desc取不到值的原因及解决方法
- 微信分享网页的缩略图
- 微信分享带缩略图,标题,简介的JS代码(亲测有效)
- 微信分享 分享icon和分享标题的简单设置