微信分享自定义实现

通过Js-SDK方式实现
两步:
一、服务端获取accessToken和jsApiKey, 生成签名, 传给前台使用
二、前台引入对应js文件,配置config, 依次调用分享的函数

具体实现步骤:

1、绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
根据指引,需要先引入一个txt文件,通过线上路径能访问到即可, 然后才能成功添加域名

2、前端引入js文件
https://res.wx.qq.com/open/js/jweixin-1.2.0.js

3、通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

4、config信息验证后会执行ready方法
所以, 分享的各个函数需要写在ready函数里,才能确保正确执行

wx.ready(function(){

})

5、通过error接口处理失败验证
config信息验证失败时会执行error函数,如签名过期导致验证失败,

wx.error(function(res){
Console.log(res) // 打印出错误信息, 可以在这里做刷新签名处理, 向后台发送请求
})

// 前端代码



工具:
微信JS-SDK说明文档(https://mp.weixin.qq.com/wiki)
微信js接口签名校验工具(https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign)

你可能感兴趣的:(微信分享自定义实现)