微信公眾號對接記錄

阿新 • • 發佈：2020-10-27

需求：

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>