微信分享

2021-04-22  本文已影响0人  浅浅_2d5a

官网文档:
https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3

思路:
需要的东西:(微信后台公众号服务,查找和配置)
AppId:微信公众号唯一标识
AppSecret:微信公众号秘钥
微信公众号后台设置JS接口安全域名(设置后,才可以在该域名下调用js-sdk的接口)

流程:
1、通过AppId和AppSecret请求accessToken,然后通过accessToken获取jsapi_ticket,生成config接口所需参数

2、使用js-sdk
(1)引入wx的js-sdk的js
http://res.wx.qq.com/open/js/jweixin-1.2.0.js
(2)调用config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用
wx.config({config});
(3)通过ready接口处理成功验证
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
(4)通过error接口处理失败验证
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
});

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({config})
获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({config})
获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ({config})
获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
wx.onMenuShareWeibo({config})
获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone({})

上一篇下一篇

猜你喜欢

热点阅读