一、小編導讀：
小編從大學開始程式設計，至今已有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:微信幾個常用的變數有點繞口，小編整理了下，希望能幫助你理解：

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”}
}
});

這裡寫程式碼片
“`