大家好我是ST。
今天主要和大家聊一聊,如何使用微信小程序來控制esp8266的方法
流程分析:首先要使esp8266能夠聯網,能聯網就可以控制,使用示例程序,修改WIFI、密鑰等信息即可聯網控制。微信小程序控制是使用http協議完成,通過接口實現對ESP8266的控制。
第一:遠程APP控制或手動控制
下載esp8266示例程序

下載地址:https://link.csdn.net/?target=https%3A%2F%2Fcloud.bemfa.com%2Fzip%2Ftm_bemfa_led.zip
本demo 是利用arduino IDE開發,關于arduino IDE 的ESP8266環境配置可參考:環境配置:https://bbs.bemfa.com/6
程序下載好,需要修改的信息有:
需要修改的信息有WIF名稱,WIFI密碼,用戶私鑰UID,設備主題topic。
//********************需要修改的部分*******************////WIFI名稱,區分大小寫,不要寫錯#define DEFAULT_STASSID "Air_mbs"//WIFI密碼#define DEFAULT_STAPSW "air123456"//用戶私鑰,可在控制臺獲取,修改為自己的UID#define UID "4d9ec352e0376f2110a0c601a2857xxx"//主題名字,可在控制臺新建#define TOPIC "light002"//需要控制的單片機LED引腳值const int LED_Pin = D4;//**************************************************//
用戶私鑰可以巴法云控制臺點擊跳轉獲取https://cloud.bemfa.com/user/index.html?r=https://cloud.bemfa.com/tcp/index.html
,注冊綁定郵箱即可在巴法創客云控制臺點擊跳轉獲取。https://cloud.bemfa.com/user/index.html?r=https://cloud.bemfa.com/tcp/index.html
登陸完成后,可在控制臺看到自己的私鑰UID,如圖所示:

第二:創建主題,在控制臺,可創建主題。
-
第一輸入主題,字母或數字或字母+數字組合。
-
點擊創建主題。

WIFI名稱為自己的路由器WIFI名稱,區分大小寫,寫錯會導致連接不上網絡的。
修改完畢后,下載程序到esp8266即可,可以通過串口調試助手查看通信詳情。
當檢測到消息為on 時,執行開燈,當檢測到消息為off 時,執行關燈。開發者可在控制臺推送on或者off,然后查看串口,看esp8266是否收到,如果收到,說明正常可進行下一步微信小程序編寫。
說明:消息不單單局限于on或off,開發者可以張大腦洞隨意定義的,你推送什么消息,在單片機處做什么消息檢測就可以了。
第三:微信小程序開發
在 微信公眾平臺注冊小程序賬號,拿到小程序 appid,長的大概是這樣:wx34a2063de5cec04b。
右側點擊 -開發–》開發設置–》下方服務器域名處,點擊修改,在request合法域名處,添加域名https://api.bemfa.com 保存提交即可。如下圖。

下載安裝微信開發者工具。
下載demo示例程序。點擊下載https://link.csdn.net/?target=https%3A%2F%2Fcloud.bemfa.com%2Fzip%2Fmini%2Fbemfa_mini_led.zip
打開微信開發者工具,小程序項目,導入項目。在目錄處選擇剛剛下載解壓的demo示例程序,AppID處填入你的小程序AppID,然后點擊下方導入即可。如下圖。(導入時需注意,在選擇導入的文件夾時,要選擇含有app.json文件的文件夾導入,不然會報錯。)

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

修改完畢后,ctrl+s 保存修改。可以點擊左邊屏幕上的按鈕進行調試,如下圖。

console控制臺可以查看小程序的調試信息。默認每5秒會自動請求一下服務器,查看esp8266的狀態信息。點擊打開或者關閉按鈕,打開esp8266串口調試助手,可查看esp8266是否收到指令,如果第一步esp8266已聯網,都是可以收到信息的。
如果界面和其他功能都開發完畢。可以點擊微信開發者工具的上面的上傳按鈕,如下圖。

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

總結:利用小程序控制ESP8266基本模塊,需要對應用方面比較熟悉,涉及高級語言才行,加油。
審核編輯 :李倩
-
模塊
+關注
關注
7文章
2837瀏覽量
53300 -
通信
+關注
關注
18文章
6392瀏覽量
140072 -
小程序
+關注
關注
1文章
243瀏覽量
13415
原文標題:小程序控制ESP8266基本原理與方法
文章出處:【微信號:嵌入式開發愛好者,微信公眾號:嵌入式開發愛好者】歡迎添加關注!文章轉載請注明出處。
發布評論請先 登錄
【ESP8266系列】WT8266-S3模組規格書
【ESP8266系列】WT8266-S5模組規格書
【ESP8266系列】WT8266-S6模組規格書
【ESP8266系列】WT8266-S1模組產品介紹
【ESP8266系列】WT8266-S6模組產品介紹
無需安裝!在瀏覽器里就能玩轉ESP32/ESP8266,這個神器絕了!
如何備份復制拷貝出ESP32/8266內的固件程序
晶科鑫 | 國產26MHz晶振匹配Espressif(樂鑫) ESP8285/ESP8266芯片案例
ESP8266和ESP32開發板常見的2種下載方式
在蜂鳥處理器上進行RT-Thread+ESP8266 wifi模塊開發
ESP8266和ESP32開發板常見的2種下載方式
請問一下我想用ESP8685直接替換ESP8266而不用寫程序,可以讓ESP8685直接通過之前ESP8266的外掛的flash運行程序嗎
【ESP8266】進入透傳模式后,數據間隔怎么調整,
STM32+esp8266連接機智云,上傳溫濕度數據并控制繼電器開關(平臺配置、代碼生成、代碼移植)
ESP8266燒錄與機智云一鍵配網教程
如何使用微信小程序來控制esp8266的方法
評論