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

来源:https://www.icode9.com/content-4-842051.html

(0)

相关推荐