需求:
1、修改微信内置浏览器分享信息
记录:
1、申请公众号:
https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN&token=
2、设定安全域名:
公众号设置 ——》 功能设置 ——》js接口安全域名设定
3、获取开发者信息:
基本配置 ——》获取AppSecret ——》 添加IP白名单(获取参数需要使用、否则访问会被拒绝)
4、页面引入jssdk:
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#3
4-1、步骤:
获取access_token(拿到access_token) ——》获取jsapi_ticket(使用access_token获取到jsapi_ticket返回的ticket)——》接口签名(进行sha1签名,得到signature,签名规则官方有介绍)
微信接口签名工具:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
4-2、方法校验 jsApiList:
相应的接口方法:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#63
常用的:
updateAppMessageShareData 好友分享
updateTimelineShareData 朋友圈分享
onMenuShareTimeline(即将废弃)朋友圈分享
onMenuShareAppMessage(即将废弃)好友分享
备注:对接时尝试使用新的方法未成功,
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: 1603788169, // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: 'eb3b1dd65ed2be86763e43dfa8374231f5def6b9',// 必填,签名,见附录1 jsApiList: ["onMenuShareAppMessage","onMenuShareTimeline"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.onMenuShareAppMessage({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 link: 'https://www.mymixgo.com/WEB/243App/#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: 'https://www.mymxgo.com/img//VIRTUAL/a1.jpg', // 分享图标 success: function () { // 设置成功 window.alert("success!") } }); wx.onMenuShareTimeline({ title: '分享标题', // 分享标题 link: 'https://www.mymixgo.com/WEB/243App/#/', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: 'https://www.mymxgo.com/img/243img/VIRTUAL/a1.jpg', // 分享图标 success: function () { window.alert("success!") } }); }); </script>
总结:
这个是写死的方式、
常规的方式是由后台程序进行微信对接、然后储存signature ,再给到web端进行处理。