微信分享頁面使用

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
這是測試微信分享的一個頁面。

</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    /*
     * 注意:
     * 1. 所有的JS接口只能在公衆號綁定的域名下調用,公衆號開發者需要先登錄微信公衆平臺進入“公衆號設置”的“功能設置”裏填寫“JS接口安全域名”。
     * 2. 如果發現在 Android 不能分享自定義內容,請到官網下載最新的包覆蓋安裝,Android 自定義分享接口需升級至 6.0.2.58 版本及以上。
     * 3. 常見問題及完整 JS-SDK 文檔地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 開發中遇到問題詳見文檔“附錄5-常見錯誤及解決辦法”解決,如仍未能解決可通過以下渠道反饋:
     * 郵箱地址:[email protected]
     * 郵件主題:【微信JS-SDK反饋】具體問題
     * 郵件內容說明:用簡明的語言描述問題所在,並交代清楚遇到該問題的場景,可附上截屏圖片,微信團隊會盡快處理你的反饋。
     */
    wx.config({
        debug: true,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            // 所有要調用的 API 都要加到這個列表中
            'onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ'
        ]
    });

    window.share_config = {
        "share": {
            "imgUrl": "http://www.share.com/1.png",//分享圖,默認當相對路徑處理,所以使用絕對路徑的的話,“http://”協議前綴必須在。
            "desc" : "你對頁面的描述",//摘要,如果分享到朋友圈的話,不顯示摘要。
            "title" : '分享卡片的標題',//分享卡片標題
            "link": window.location.href,//分享出去後的鏈接,這裏可以將鏈接設置爲另一個頁面。
            "success":function(){//分享成功後的回調函數
            },
            'cancel': function () {
                // 用戶取消分享後執行的回調函數
            }
        }
    };
    wx.ready(function () {
        // 在這裏調用 API
        wx.onMenuShareAppMessage(share_config.share);//分享給好友
        wx.onMenuShareTimeline(share_config.share);//分享到朋友圈
        wx.onMenuShareQQ(share_config.share);//分享給手機QQ
    });
</script>
</html>

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