解決wx.onMenuShareTimeline出現(xiàn)的問題

字號:


    wx.onMenuShareTimeline使用注意事項
    我在開發(fā)測試過程中,發(fā)現(xiàn)使用wx.onMenuShareTimeline無效果,沒有顯示我定義的圖片、title和鏈接,經(jīng)過調(diào)試發(fā)現(xiàn)原因如下:
    1.圖片大小要大于300pix才能顯示
    2.這個方法必須先config成功,然后再wx.ready里才能調(diào)用。我直接放到$(function(){})里執(zhí)行,實踐證明是不行的。
    代碼如下:
    wx.config({
        debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印。
        appId: '{$appid}', // 必填,公眾號的唯一標識
        timestamp: "{$signPackage.timestamp}", // 必填,生成簽名的時間戳
        nonceStr: '{$signPackage.nonceStr}', // 必填,生成簽名的隨機串
        signature: '{$signPackage.signature}',// 必填,簽名,見附錄1
        jsApiList: [
          'checkJsApi',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'onMenuShareQQ',
          'onMenuShareWeibo'
        ] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
      });
      wx.ready(function () {
        wx.onMenuShareTimeline({
          title: '--{$info.name}', // 分享標題
          link: '{$url}__URL__/index?pid={$pid}&puid={$uid}', // 分享鏈接,將當(dāng)前登錄用戶轉(zhuǎn)為puid,以便于發(fā)展下線
          imgUrl: '{$url}__PUBLIC__http://pic02.newdu.com/uploads/{$goodsvo.image}', // 分享圖標
          success: function () { 
            // 用戶確認分享后執(zhí)行的回調(diào)函數(shù)
            alert('分享成功');
          },
          cancel: function () { 
            // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
          }
        });
        wx.error(function(res){
          // config信息驗證失敗會執(zhí)行error函數(shù),如簽名過期導(dǎo)致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看,對于SPA可以在這里更新簽名。
          alert("errorMSG:"+res);
        });
      });
    通過此文希望能幫助遇到同樣情況的朋友,謝謝大家!