大家好我是ST。

今天主要和大家聊一聊，如何使用微信小程序來控制esp8266的方法

流程分析：首先要使esp8266能夠聯(lián)網(wǎng)，能聯(lián)網(wǎng)就可以控制，使用示例程序，修改WIFI、密鑰等信息即可聯(lián)網(wǎng)控制。微信小程序控制是使用http協(xié)議完成，通過接口實(shí)現(xiàn)對(duì)ESP8266的控制。

第一：遠(yuǎn)程APP控制或手動(dòng)控制

下載esp8266示例程序

下載地址:https://link.csdn.net/?target=https%3A%2F%2Fcloud.bemfa.com%2Fzip%2Ftm_bemfa_led.zip

本demo 是利用arduino IDE開發(fā)，關(guān)于arduino IDE 的ESP8266環(huán)境配置可參考：環(huán)境配置:https://bbs.bemfa.com/6

程序下載好，需要修改的信息有：

需要修改的信息有WIF名稱，WIFI密碼，用戶私鑰UID，設(shè)備主題topic。

//********************需要修改的部分*******************//
//WIFI名稱，區(qū)分大小寫，不要寫錯(cuò)#define DEFAULT_STASSID  "Air_mbs"//WIFI密碼#define DEFAULT_STAPSW   "air123456"//用戶私鑰，可在控制臺(tái)獲取,修改為自己的UID#define UID  "4d9ec352e0376f2110a0c601a2857xxx"//主題名字，可在控制臺(tái)新建#define TOPIC  "light002"//需要控制的單片機(jī)LED引腳值const int LED_Pin = D4;
//**************************************************//

用戶私鑰可以巴法云控制臺(tái)點(diǎn)擊跳轉(zhuǎn)獲取https://cloud.bemfa.com/user/index.html?r=https://cloud.bemfa.com/tcp/index.html

，注冊(cè)綁定郵箱即可在巴法創(chuàng)客云控制臺(tái)點(diǎn)擊跳轉(zhuǎn)獲取。https://cloud.bemfa.com/user/index.html?r=https://cloud.bemfa.com/tcp/index.html

登陸完成后，可在控制臺(tái)看到自己的私鑰UID，如圖所示：

第二：創(chuàng)建主題，在控制臺(tái)，可創(chuàng)建主題。

• 第一輸入主題，字母或數(shù)字或字母+數(shù)字組合。

• 點(diǎn)擊創(chuàng)建主題。

WIFI名稱為自己的路由器WIFI名稱，區(qū)分大小寫，寫錯(cuò)會(huì)導(dǎo)致連接不上網(wǎng)絡(luò)的。

修改完畢后，下載程序到esp8266即可，可以通過串口調(diào)試助手查看通信詳情。

當(dāng)檢測(cè)到消息為on 時(shí)，執(zhí)行開燈，當(dāng)檢測(cè)到消息為off 時(shí)，執(zhí)行關(guān)燈。開發(fā)者可在控制臺(tái)推送on或者off，然后查看串口，看esp8266是否收到，如果收到，說明正常可進(jìn)行下一步微信小程序編寫。

說明：消息不單單局限于on或off，開發(fā)者可以張大腦洞隨意定義的，你推送什么消息，在單片機(jī)處做什么消息檢測(cè)就可以了。

第三：微信小程序開發(fā)

在 微信公眾平臺(tái)注冊(cè)小程序賬號(hào)，拿到小程序 appid，長(zhǎng)的大概是這樣：wx34a2063de5cec04b。

右側(cè)點(diǎn)擊 -開發(fā)–》開發(fā)設(shè)置–》下方服務(wù)器域名處，點(diǎn)擊修改，在request合法域名處，添加域名https://api.bemfa.com 保存提交即可。如下圖。

下載安裝微信開發(fā)者工具。

下載demo示例程序。點(diǎn)擊下載https://link.csdn.net/?target=https%3A%2F%2Fcloud.bemfa.com%2Fzip%2Fmini%2Fbemfa_mini_led.zip

打開微信開發(fā)者工具，小程序項(xiàng)目，導(dǎo)入項(xiàng)目。在目錄處選擇剛剛下載解壓的demo示例程序，AppID處填入你的小程序AppID，然后點(diǎn)擊下方導(dǎo)入即可。如下圖。（導(dǎo)入時(shí)需注意，在選擇導(dǎo)入的文件夾時(shí)，要選擇含有app.json文件的文件夾導(dǎo)入，不然會(huì)報(bào)錯(cuò)。）

本示例程序非常簡(jiǎn)單，各位大神可以繼續(xù)開發(fā)添加各種功能，添加背景，優(yōu)化色彩等等，如果只是簡(jiǎn)單使用，只需修改/pages/index/index.js 文件中uid 和topic 信息為自己的即可，這里的uid和topic需要和esp8266填入的uid和topic相同，如下圖。

修改完畢后，ctrl+s 保存修改?？梢渣c(diǎn)擊左邊屏幕上的按鈕進(jìn)行調(diào)試，如下圖。

console控制臺(tái)可以查看小程序的調(diào)試信息。默認(rèn)每5秒會(huì)自動(dòng)請(qǐng)求一下服務(wù)器，查看esp8266的狀態(tài)信息。點(diǎn)擊打開或者關(guān)閉按鈕，打開esp8266串口調(diào)試助手，可查看esp8266是否收到指令，如果第一步esp8266已聯(lián)網(wǎng)，都是可以收到信息的。

如果界面和其他功能都開發(fā)完畢。可以點(diǎn)擊微信開發(fā)者工具的上面的上傳按鈕，如下圖。

上傳成功后，再登陸剛剛注冊(cè)的微信公眾平臺(tái)，在版本管理處，可以看到自己剛剛上傳的小程序，提交審核即可，等一天左右，一般都會(huì)通過，通過后登陸微信公眾平臺(tái)，提交發(fā)布即可。如果是自己使用的，做好加上登陸驗(yàn)證功能，比如驗(yàn)證匹配一下某個(gè)字符串是否正確等等，不然小程序上線后別人也可以隨意控制了。

總結(jié)：利用小程序控制ESP8266基本模塊，需要對(duì)應(yīng)用方面比較熟悉，涉及高級(jí)語言才行，加油。

審核編輯 ：李倩