首先吐槽一下微信文檔太分散，各類難找....html
先列一下須要用到的一些官方文檔：前端
後端開發：html5
1、微信硬件平臺 ：http://iot.weixin.qq.com/wiki/document-2_1.htmlsegmentfault
前端開發：後端
1、微信JSSDK（通用api,不分使用場景）：api
https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html服務器
2、微信JSAPI（微信硬件jsapi是專門用來給微信硬件） :微信
http://iot.weixin.qq.com/wiki/new/index.html?page=4-7app
3、微信網頁端調試工具：工具
http://mp.weixin.qq.com/debug/
參考文檔：
一、http://www.javashuo.com/article/p-aplrvqmc-gc.html （簡單說明，對一些名詞有必定的解解）
二、http://www.vxzsk.com/87.html （建議看這個，詳細全流程說明）
開始以前，先用面向對象，分析一下在微信中打開的H5頁面鏈接AirSync，有哪些對象，以下圖：
對於這個圖中，各個對象就很少解解了，但強調一點，留意到『微信app』這邊會作一個分流，就是區分應該與『廠商HTML』通訊，仍是與『廠商服務器』通訊，經過藍牙模塊設備的type值來作判斷的(當type爲空或者等於0時，表示發送給廠商服務器【圖中黑箭頭流程】;當type爲10001時，表示發送給微信客戶端html5界面【圖中紅箭頭流程】)，因此有人遇到H5頁面如何都收不到設備的消息，就要注意檢查這個值了，這個坑好大。官方文檔
關於申請設備、公衆號配置的可參考這裏詳細的說明，我這隻描述關鍵的業務流程，直接上圖：
須要特別注意的是，用戶最終都是須要與設備綁定後才能夠鏈接、通訊；而微信支持兩種綁定的業務模式：
1、經過每一個機器惟一的二維碼綁定，應用場景爲：
一、廠家在微信公衆後臺（mp.weixin.qq.com）批量申請設備id（deviceId），也能夠自定義生成的；
二、經過特定的方式，爲每一臺實際生產的設備與上一步中申請的 deviceId關聯；
三、再經過『獲取設備二維碼』接口，取得設備的二維碼，並貼在設備外殼上；
四、用戶經過微信掃描二維碼，可直接關注並綁定該設備。
好處在於將公衆號與綁定設備在一個操做中完成了，提早作了綁定，用戶鏈接時方便，進入公衆號便可自動發現並鏈接，H5頁面只要發送數據便可。
2、用戶鏈接時才綁定，參考流程圖中『沒有綁定設備』的過程。
更多細節和操做方面後繼再補充吧，歡迎加我QQ：285367155 交流。