DIV CSS 佈局教程網

wx.onMenuShareTimeline使用注意事項

我在開發測試過程中,發現使用wx.onMenuShareTimeline無效果,沒有顯示我定義的圖片、title和鏈接,經過調試發現原因如下：

1.圖片大小要大於300pix才能顯示

2.這個方法必須先config成功，然後再wx.ready裡才能調用。我直接放到$(function(){})裡執行，實踐證明是不行的。

wx.config({
    debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過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}', // 分享鏈接,將當前登錄用戶轉為puid,以便於發展下線
      imgUrl: '{$url}__PUBLIC__/Uploads/{$goodsvo.image}', // 分享圖標
      success: function () { 
        // 用戶確認分享後執行的回調函數
        alert('分享成功');
      },
      cancel: function () { 
        // 用戶取消分享後執行的回調函數
      }
    });
    wx.error(function(res){
      // config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對於SPA可以在這裡更新簽名。
      alert("errorMSG:"+res);
    });
  });

通過此文希望能幫助遇到同樣情況的朋友，謝謝大家對本站的支持！