1/页面初始化是先要请求这个接口拿到ticket=>后端出的ticket接口
主要获取ticket
this.signUrl签名用的url
//url的获取
this.signUrl =window.location.href.split("#")[0]
weChatGetTicket().then((res) => {
if (res.code == "00000") {
console.log(res.data.appId);
this.wxConfig.appId = res.data.appId;
this.param.jsapi_ticket = res.data.ticket;
this.param.url = this.signUrl;
this.postChatGetTicket();
}
});
2/在获取签名:后端出的签名接口
jsapi_ticket: 上一个接口获取
noncestr: "hjt-activity818",//随机字符串
url: "",//分享页面的url的#号以前的部分
3/注册方法
wxConfig: {
debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来,若要查看传入的参数,可以在 pc 端打开,参数信息会通过 log 打出,仅在 pc 端时才会打印。
appId: "appID", // 必填,公众号的唯一标识
timestamp: "", // 必填,生成签名的时间戳
nonceStr: "", // 必填,生成签名的随机串
signature: "", // 必填,签名
jsApiList: [],
},
timestamp:服务端反的时间戳
nonceStr:随机字符串,要与请求签名的随机字符串相同
signature:签名,上一个接口会返回
jsApiList:注册分享的方法,数组的形式
4/执行注册的分享
wx.updateAppMessageShareData({
title: that.articleData.title,//标题
desc: that.articleData.summary,//副标题
link: window.location.href, //分享的页面地址
imgUrl: "https://oss.pyamc.com/app/hjt/hjt-icon-1024.png",//卡片的图片
success: function () {
console.log("分享成功");
Toast('分享成功');
},
fail: function () {
console.log("分享失败");
Toast('分享失败');
},
cancel: function () {
console.log("取消分享");
Toast('取消分享');
},
});