微信“分享到朋友圈”wx.onMenuShareTimeline() 和 onMenuShareAppMessage 分享給朋友

微信“分享到朋友圈”接口—— wx.onMenuShareTimeline() 

注意事項：

1. 圖片大小要大於300pix才能顯示；
2. 這個方法必須先config成功，然后再wx.ready里才能調用。直接放到$(function(){})里執行，實踐證明是不行的。

 

使用前引入微信js腳本庫：

<script type="text/JavaScript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

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',
            'chooseWXPay'
        ] // 必填，需要使用的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);
        });
    });

　　onMenuShareAppMessage 接口 —“分享給朋友”按鈕點擊狀態及自定義分享內容

wx.onMenuShareAppMessage({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享鏈接
    imgUrl: '', // 分享圖標
    type: '', // 分享類型,music、video或link，不填默認為link
    dataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空
    success: function () { 
        // 用戶確認分享后執行的回調函數
    },
    cancel: function () { 
        // 用戶取消分享后執行的回調函數
    }
});

　　

wx.config({
debug: false,
appId: getAppId(),
timestamp: getTimeStamp(),
nonceStr: getNonceStr(),
signature: getSignature(),
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo'
]
});
wx.ready(function () {
var shareData = {
title: share_title,
desc: share_content,
link: sharturlStr,
imgUrl: share_img,
};
wx.onMenuShareAppMessage(shareData);
wx.onMenuShareTimeline(shareData);
});