設置微信分享的標題 縮略圖 連接 描述

在開發測試過程中,發現使用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);
        });
    });