頁面微信分享配置

1、服務端獲取微信分享配置所需的信息

1.1:通過APPID和APPSECRET獲取access_token值:

         https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

1.2:通過access_token獲取jsapi_ticket:

         https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=accessToken

1.3:通過jsapi_ticket、noncestr、timestamp通過sha1()方法加密獲取簽名:

         $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

         $signature = sha1($string);

2、前端頁面
2.1:引入js文件:https://res.wx.qq.com/open/js/jweixin-1.0.0.js

2.2:初始化配置:

<script>
       wx.config({
            debug: false, // 開啓調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時纔會打印。
            appId: '', // 必填,公衆號的唯一標識
            timestamp: '', // 必填,生成簽名的時間戳 
            nonceStr: '',// 必填,生成簽名的隨機串
            signature: '',// 必填,簽名
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo'
            ] // 必填,需要使用的JS接口列表
        });
        wx.ready(function () {
            var shareDataDesc = {
                title: '',// 分享標題
                desc: '',// 分享文案
                link: '',// 分享頁面鏈接
                imgUrl: ''// 分享圖片url
            };
            wx.onMenuShareAppMessage(shareDataDesc);
            wx.onMenuShareTimeline(shareDataDesc);
        });
</script>

 

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