1.根據官方文檔微信JS-SDK說明文檔 做好準備工作(eg:在公衆號綁定域名,請後端同事把所需要的時間戳返回等)
2.引入官方js文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
3.
var gameInfo = {
"gtitle": "",//分享title
"gimg": "",//分享小圖
"gurl": "",//分享鏈接
"desc": "讓世界看見你的想象力!"//分享副標題
}
$.ajax({ url: "", method: "get", dataType: "jsonp", jsonp: 'jsonCallBack', data: {'url': location.href} }) .done(function (json) { // console.log(json); if (json.status == 1) { wx.config({ debug: false, // 開啓調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時纔會打印。 appId: json.data.appId, // 必填,公衆號的唯一標識 timestamp: json.data.timestamp, // 必填,生成簽名的時間戳 nonceStr: json.data.nonceStr, // 必填,生成簽名的隨機串 signature: json.data.signature,// 必填,簽名 jsApiList: ['onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'] // 必填,需要使用的JS接口列表 }); wx.ready(function () { //隱藏郵件 wx.hideMenuItems({ menuList: ['menuItem:share:email'] // 要隱藏的菜單項,只能隱藏“傳播類”和“保護類”按鈕,所有menu項見附錄3 }); //朋友圈 wx.onMenuShareTimeline({ title: gameInfo.gtitle, // 分享標題 link: gameInfo.gurl, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致 imgUrl: gameInfo.gimg, // 分享圖標 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } }); //朋友 wx.onMenuShareAppMessage({ title: gameInfo.gtitle, // 分享標題 desc: gameInfo.desc, // 分享描述 link: gameInfo.gurl, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致 imgUrl: gameInfo.gimg, // 分享圖標 type: '', // 分享類型,music、video或link,不填默認爲link dataUrl: '', // 如果type是music或video,則要提供數據鏈接,默認爲空 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } }); //QQ wx.onMenuShareQQ({ title: gameInfo.gtitle, // 分享標題 desc: gameInfo.desc, // 分享描述 link: gameInfo.gurl, // 分享鏈接 imgUrl: gameInfo.gimg, // 分享圖標 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } }); //QQzone wx.onMenuShareQZone({ title: gameInfo.gtitle, // 分享標題 desc: gameInfo.desc, // 分享描述 link: gameInfo.gurl, // 分享鏈接 imgUrl: gameInfo.gimg, // 分享圖標 success: function () { // 用戶確認分享後執行的回調函數 }, cancel: function () { // 用戶取消分享後執行的回調函數 } }); }) } else { console.log("分享配置錯誤!") } }) .fail(function () { })