微信开发如何调用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);
    }
});