【騰訊連連 騰訊物聯網入門學習 第3篇】安信可IoT微信小程序全面開源，小程序上實現一鍵配網+控制+綁定！（源碼開放）

文章目錄

• 一、簡介
• • 二、開發指導
  • • 2.1 騰訊物聯開發平台配置
    • 2.2 微信小程序導入步驟
• 三、設備開發
• • 3.1 AT直連對接
  • 3.2 SDK二次開發
• 四、本人開源微信物聯網控制 一覽表
• • 另外，不要把我的博客作為學習標准，我的只是筆記，難有疏忽之處，如果有，請指出來，也歡迎留言哈！

      微信物聯網生態主要分在微信硬件開發平台與騰訊物聯開發平台，前者已經停止維護，但依然有着很大的學習價值，而后者作為主推的平台，集成很多功能，包括從微信小程序實現配網到控制；

      為了兼顧更多的朋友和自己的學習筆記，我將會一直更新此專題筆記，歡迎關注本人CSDN半顆心臟，帶你走進前沿領域，學習前沿技術！

自搭微信服務器&&微信硬件開發平台

【微信小程序控制硬件第1篇 】 全網首發，借助 emq 消息服務器帶你如何搭建微信小程序的mqtt服務器，輕松控制智能硬件！
【微信小程序控制硬件第2篇 】 開始微信小程序之旅，導入小程序Mqtt客戶端源碼，實現簡單的驗證和通訊於服務器！
【微信小程序控制硬件第3篇 】 從軟件到硬件搭建一個微信小程序控制esp8266的項目，自定義通訊協議，為面試職位和比賽項目加分！
【微信小程序控制硬件第4篇 】 深度剖析微信公眾號配網 Airkiss 原理與過程，esp8266如何自定義回調參數給微信，實現綁定設備第一步！
【微信小程序控制硬件第5篇 】理清接下來必須走的架構思想，學習下 JavaScript 的觀察者模式，在微信小程序多頁面同時接收到設備推送事件！
【微信小程序控制硬件第6篇 】服務器如何集成七牛雲存儲SDK，把用戶自定義設備圖片存儲在第三方服務器！
【微信小程序控制硬件第7篇 】動起來做一個微信小程序Mqtt協議控制智能硬件的框架，為自己心里全棧工程師夢想澆水！！
【微信小程序控制硬件第8篇 】微信小程序以 websocket 連接阿里雲IOT物聯網平台mqtt服務器，封裝起來使用就是這么簡單！
【微信小程序控制硬件第9篇 】巧借阿里雲物聯網平台的免費連接，從微信小程序顏色采集控制 esp8266 輸出七彩燈效果，中秋節來個直播如何？！
【微信公眾號控制硬件 第10篇 】如何在微信公眾號網頁實現連接mqtt服務器教程！！
【微信小程序控制硬件 第11篇 】全網首發，微信小程序ble藍牙控制esp32，實現無需網絡也可以控制亮度開關。
【微信小程序控制硬件 第12篇 】微信小程序藍牙控制硬件應如何開發？為您全面解析微信小程序藍牙API的使用。
【微信小程序控制硬件 第13篇 】【AT篇】與硬件平台無關，微信小程序 AP 配網安信可 Wi-Fi 模塊入網示例。

騰訊物聯開發平台

【騰訊連連 - 騰訊物聯開發平台 第1篇 】騰訊官方靜雞雞發布的“騰訊連連”終於來了，按照官方教程教你在微信小程序實現配網、控制 ESP8266啦！
【騰訊連連 - 騰訊物聯開發平台 第2篇 】深度解析微信小程序smartconfig配網原理，安信可ESP-12S直連騰訊物聯開發平台！！
【騰訊連連 - 騰訊物聯開發平台 第3篇 】安信可IoT微信小程序全面開源，小程序上實現一鍵配網+控制+綁定！

文章目錄

• 一、簡介
• • 二、開發指導
  • • 2.1 騰訊物聯開發平台配置
    • 2.2 微信小程序導入步驟
• 三、設備開發
• • 3.1 AT直連對接
  • 3.2 SDK二次開發
• 四、本人開源微信物聯網控制 一覽表
• • 另外，不要把我的博客作為學習標准，我的只是筆記，難有疏忽之處，如果有，請指出來，也歡迎留言哈！

一、簡介

安信可IoT小程序

---

    為了致力奉獻物聯網，安信可開源團隊精心為大家准備，基於騰訊物聯開發平台實現端到端的用戶配網/綁定/控制ESP8266的微信小程序開源倉庫，一個致力開源國內互聯網的開源項目。

    而控制端《安信可IoT小程序》是完全個人一周開發時間基於JS SDK二次開發的小程序，現已上架。

    用到的架構技術有：

1. 高度解耦，所有有關設備的配網/綁定/控制等邏輯全部分離單獨；
2. 高度封裝，封裝SDK底層與服務器長連接，用戶只需提供雲平台參數即可接入；
3. 事件分發設計理念，用戶只需關系控制邏輯頁面如何實現；

    安信可微信小程序開放源碼獲取，關注微信公眾號 “徐宏blog”，發送 200724 以獲取源碼地址！

二、開發指導

2.1 騰訊物聯開發平台配置

• 1.首先登錄騰訊物聯開發平台 https://cloud.tencent.com/product/iotexplorer注冊認證賬號，新建一個產品，然后在自定義屬性時候，導入我們提供的產品屬性：esp8266-rgb-light.json
• 2.再新建一個微信小程序應用以表示自主品牌小程序控制此設備，新建成功之后，拿到 APP Key和 APP Secret ，最后一步：務必關聯當前產品，否則無法正常使用自主品牌小程序實現配網設備！
• 3.最后一步在產品開發–>設備調試，新建一個設備，拿到此設備的 DeviceName/DeviceScrect/ProductID ，這三個參數，類似阿里雲三元組！

2.2 微信小程序導入步驟

    微信小程序的二次開發，需要有一定的微信小程序開發基礎，建議先入門微信小程序開發，在B站/CSDN學院/騰訊課堂學習都是不錯的free入門選擇之路！

1. 登錄微信公眾平台注冊一個微信小程序： https://mp.weixin.qq.com/cgi-bin/loginpage ，根據自己的平台下載開發工具：開發者下載頁面
2. 此外，本倉庫還涉及到小程序雲開發，已為您寫好雲函數，只需要把雲函數 Clouds\login 全部部署到小程序雲即可輕松調用！

此外，還需要修改一些配置信息，請在 app.js 修換為您的！

const MiniConfig = {
  //調試模式，打開之后顯示底層log
  isDebug: false,
  //產品ID`
  roductId: '',
  // 物聯網開發平台 - 應用開發中申請的微信小程序的AppKey及AppSecret`
  appKey: '',
  appSecret: ''
}

小程序源碼重要目錄說明：

├─Clouds 小程序雲函數根目錄
│ ├─login  雲函數login
├─custom-tab-bar 自定義底部 tarbar
├─pages 頁面
│ ├─about 關於
│ ├─add 添加設備
│ │ ├─index 設備選擇
│ │ ├─ready 設備確認
│ │ ├─smartconfig 配網
│ ├─basics 基礎控件
│ │ ├─avatar 
│ │ └─ ... 更多UI控件目錄
│ ├─devices 設備控制界面
│ │ ├─light 燈具控制界面
│ ├─index 程序入口界面，也是設備列表界面
│ ├─me 我的
├─resoures 資源靜態文件夾
├─third 第三方SDK
│ ├─colorui 七彩控制UI庫
│ ├─common 一些算法庫
│ └─lib 安信可&&騰訊雲SDK

三、設備開發

    購買安信可ESP8266-12S/12F模塊，初次入門最好購買一塊開發板：https://anxinke.taobao.com

    設備固件或代碼下載：https://github.com/Ai-Thinker-Open/Ai-Thinker-Open-qcloud-esp-wifi

3.1 AT直連對接

    此方案針對的是部分客戶已有MCU的情況下，通過AT指令直連騰訊雲開發平台，實現在小程序配網/綁定/控制/分享的功能；

• 自行燒錄：安信可ESP-12S模組燒錄騰訊雲AT固件方法：
• 直接選購已燒錄好的騰訊雲AT固件安信可ESP-12S模組：https://item.taobao.com/item.htm?id=543467904788

    另外，我們還准備了模擬MCU的可視化window集成工具：https://axk.coding.net/s/98cbbda6-ff1e-4c38-819d-325bce81bacc

    對應的使用文檔：https://aithinker.blog.csdn.net/article/details/107139923

3.2 SDK二次開發

    如果您熟悉 ESP 開發環境，可以很順利理解下面步驟; 如果您不熟悉某個部分，比如編譯，燒錄，需要您結合官方的相關文檔來理解。如您需閱讀 ESP-IDF 編程指南文檔等。建議基於Linux環境進行開發，關於ESP8266開發的基礎知識，請參考其 開發指南

在當前目錄下獲取ESP8266 RTOS SDK 3.1

git clone --single-branch -b release/v3.1 https://github.com/espressif/ESP8266_RTOS_SDK.git

然后，編譯 qcloud-iot-esp8266-demo 這個工程，步驟詳情見其下的 README 文件！

---

---

四、本人開源微信物聯網控制 一覽表

開源項目	地址	開源時間
微信小程序連接mqtt服務器，控制esp8266智能硬件	https://github.com/xuhongv/WeChatMiniEsp8266	2018.11
微信公眾號airkiss配網以及近場發現在esp8266 rtos3.1 的實現	https://github.com/xuhongv/xLibEsp8266Rtos3.1AirKiss	2019.3
微信公眾號airkiss配網以及近場發現在esp32 esp-idf 的實現	https://github.com/xuhongv/xLibEsp32IdfAirKiss	2019.9
微信小程序控制esp8266實現七彩效果項目源碼	https://github.com/xuhongv/WCMiniColorSetForEsp8266	2019.9
微信小程序藍牙配網blufi實現在esp32源碼	https://github.com/xuhongv/BlufiEsp32WeChat	2019.11
微信小程序藍牙ble控制esp32七彩燈效果	https://blog.csdn.net/xh870189248/article/details/101849759	2019.10
可商用的事件分發的微信小程序mqtt斷線重連框架	https://blog.csdn.net/xh870189248/article/details/88718302	2019.2
微信小程序以 websocket 連接阿里雲IOT物聯網平台mqtt服務器	https://blog.csdn.net/xh870189248/article/details/91490697	2019.6
微信公眾號網頁實現連接mqtt服務器	https://blog.csdn.net/xh870189248/article/details/100738444	2019.9

---

另外，不要把我的博客作為學習標准，我的只是筆記，難有疏忽之處，如果有，請指出來，也歡迎留言哈！

• 玩轉esp8266帶你飛、加群QQ群，不喜的朋友勿噴勿加：434878850
• 個人郵箱：[e-mail] 24小時在線，有發必回復！
• esp8266源代碼學習匯總（持續更新，歡迎star）：https://github.com/xuhongv/StudyInEsp8266
• esp32源代碼學習匯總（持續更新，歡迎star）：https://github.com/xuhongv/StudyInEsp32
• 關注下面微信公眾號二維碼，干貨多多，第一時間推送！