自定義微信分享

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 () {

    })




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章