一、整体流程
1、先配置获取公众号的appid、appseceret,用以获取token和jsticket。
2、后端增加一个接口,获取token、ticket,然后签名,返回签名值、时间戳、随机串。
3、前端配置微信信息
二、后端接口
1、token及jsticket获取方式参照微信:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62
2、签名方法参考:https://blog.51cto.com/u_16213313/7042858
三、前端配置
1、先行配置,后端接口返回签名和随机串、时间戳
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [] // 必填,需要使用的JS接口列表
});
2、配置完成后,在这里写分享的设置
wx.ready(function(){
wx.updateAppMessageShareData({
title: '看我', // 分享标题
desc: '你在害怕什么', // 分享描述
link: window.location, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: res => {
console.log('成功', res);
},
error: err => {
console.log('失败', err);
},
cancel: can => {
console.log('取消', can);
}
})
})