微信公众号对接记录

需求:

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端进行处理。

原文地址:https://www.cnblogs.com/yc-c/p/13886117.html