一、小编导读：

小编从大学开始编程，至今已有6年有余，从最开始的讨厌编程，到后来找到套路后的轻车熟路，渐入佳境，通俗点就是菜鸟蜕变老司机，还是有点心得的，借最近学习微信开发这块，在线与大家交流分享下。【在线更新版】

二、解读指导思想：

1、再复杂的系统也就是围绕几个基本概念在讲，get到概念性的点，事半功倍,深入简出
2、再难理解的概念也是起源于现实，如果逻辑理解起来太复杂，咱另辟捷径，类比现实的一些案例、现象，秒解困惑
3、在牛逼的功能，也是一行一行代码敲出来的，废话少说，放码过来。

三、实践解读篇：

1、概念：
JS-SDK(javascript software-development-kit),就是微信平台提供给网页开发者的工具包。既然是工具，它能做啥呢？网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验，简单来讲，你手机上和电脑上可以看到的那些功能和页面，通过js-sdk这玩意基本都可以用来像宝典一样指导你开发。

2、使用步骤：

来微信注册下（绑定域名）-->装个微信包（引入js文件）-->验证身份（config注入接口验证配置）
-->成功了（ready接口）-->  失败（error接口处理）

3、使用接口代码演示：

//验证接口配置
wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名，见附录1
    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

ps:微信几个常用的变量有点绕口，小编整理了下，希望能帮助你理解：

微信开发工序设置appid 微信开发者工具appid是什么_开发者

wx.ready(function(){
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
});
wx.error(function(res){

    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

});

***天下微信接口一般黑，老司机整理了图你可以参照下：***
![这里写图片描述]()
//检测当前的客户端是否指定js接口

wx.checkJsApi({
    jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
    success: function(res) {
        // 以键值对的形式返回，可用的api值true，不可用为false
        // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    }
});