分享

微信开发如何调用SDK操作的步骤

 印度阿三17 2021-02-01

在微信开发时我们必须严格按照微信规定的方法来操作才会少走坑。 

一、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./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./content-4-842051.html

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多