微信開發如何調用SDK操作的步驟

在微信開發時我們必須嚴格按照微信規定的方法來操作才會少走坑。 

一、jq 傳統頁面

思路：

（1）發送請求獲取 accessToke

（2）把獲取的accessToke發送給后台

（3）收到后台返回的ticket以后，發送請求獲取簽名

（4）調用wx.config 來初始化SDK

（5）ready 來調用微信的SDK

簡單的來說就是：3個請求，一個微信的方法，然后就可以調用了

$.ajax({
    type:"GET",
    url:wxUrl+'getToken',  
    dataType:"json",
    success:function(data){
       console.log(data)  
       $.ajax({
            type:"GET",
            url:wxUrl+'getJsapi',  
            data:{'accessToken':data.accessToken},
            dataType:"json",
            success:function(data){
               console.log(data)
               $.ajax({
                    type:"POST",
                    url:wxUrl+'getSigna',  
                    data:{'ticket':data.ticket,'url':'http://fwtwpp.natappfree.cc/nursery/index.html'},
                    dataType:"json",
                    success:function(data){
                       console.log(data)
                       wx.config({
                           debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
                           appId: 'wxbe276b0e5e440b3d', // 必填，公眾號的唯一標識
                           timestamp: data.timestamp, // 必填，生成簽名的時間戳
                           nonceStr: data.nonceStr, // 必填，生成簽名的隨機串
                           signature: data.signature,// 必填，簽名
                           jsApiList: ['updateAppMessageShareData'] // 必填，需要使用的JS接口列表
                       });
                       wx.ready(function () {   //需在用戶可能點擊分享按鈕前就先調用
                           wx.updateAppMessageShareData({ 
                               title: '我是一個測試', // 分享標題
                               desc: '', // 分享描述
                               link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
                               imgUrl: '', // 分享圖標
                               success: function () {
                                   // 設置成功
                               }
                           })
                       });
                    },
                    error:function(jqXHR){
                        console.log("Error: "+jqXHR.status);
                    }
               });
            },
            error:function(jqXHR){
                console.log("Error: "+jqXHR.status);
            }
       });
    },
    error:function(jqXHR){
        console.log("Error: "+jqXHR.status);
    }
});