找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 2287|回復(fù): 0
收起左側(cè)

(開源)小程序控制esp8266,可遠(yuǎn)程

[復(fù)制鏈接]
ID:601884 發(fā)表于 2020-6-29 19:15 | 顯示全部樓層 |閱讀模式

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

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

下載esp8266示例程序
下載地址: cloud.bemfa點(diǎn)com/zip/tm_bemfa_led.zip

本demo 是利用arduino IDE開發(fā),關(guān)于arduino IDE 的ESP8266環(huán)境配置可參考:環(huán)境配置: bbs.bemfa點(diǎn)com/6
程序下載好,需要修改的信息有:
需要修改的信息有WIF名稱,WIFI密碼,用戶私鑰UID,設(shè)備主題topic。

  1. //********************需要修改的部分*******************//

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

  12. //**************************************************//
復(fù)制代碼

用戶私鑰可以巴法云控制獲取,注冊綁定郵箱即可在巴法創(chuàng)客云控制獲取。
登陸完成后,可在控制臺(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)檢測到消息為on 時(shí),執(zhí)行開燈,當(dāng)檢測到消息為off 時(shí),執(zhí)行關(guān)燈。開發(fā)者可在控制臺(tái)推送on或者off,然后查看串口,看esp8266是否收到,如果收到,說明正常可進(jìn)行下一步小程序編寫。

說明:消息不單單局限于on或off,開發(fā)者可以張大腦洞隨意定義的,你推送什么消息,在單片機(jī)處做什么消息檢測就可以了。
第二、小程序開發(fā)

在 公眾平臺(tái)注冊小程序賬號(hào),拿到小程序 appid,長的大概是這樣:wx34a2063de5cec04b。
右側(cè)點(diǎn)擊 -開發(fā)--》開發(fā)設(shè)置--》下方服務(wù)器域名處,點(diǎn)擊修改,在request合法域名處,添加域名api.bemfa點(diǎn)com 保存提交即可。如下圖。
指引.png

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

下載demo示例程序。下載地址  cloud.bemfa點(diǎn)com/zip/mini/bemfa_mini_led.zip
打開開發(fā)者工具,小程序項(xiàng)目,導(dǎo)入項(xiàng)目。在目錄處選擇剛剛下載解壓的demo示例程序,AppID處填入你的小程序AppID,然后點(diǎn)擊下方導(dǎo)入即可。如下圖。
導(dǎo)入.png
本示例程序非常簡單,各位大神可以繼續(xù)開發(fā)添加各種功能,添加背景,優(yōu)化色彩等等,如果只是簡單使用,只需修改/pages/index/index.js 文件中uid 和topic 信息為自己的即可,這里的uid和topic需要和esp8266填入的uid和topic相同,如下圖。
mini.png
修改完畢后,ctrl+s 保存修改?梢渣c(diǎn)擊左邊屏幕上的按鈕進(jìn)行調(diào)試,如下圖。
調(diào)試.png


console控制臺(tái)可以查看小程序的調(diào)試信息。默認(rèn)每5秒會(huì)自動(dòng)請求一下服務(wù)器,查看esp8266的狀態(tài)信息。點(diǎn)擊打開或者關(guān)閉按鈕,打開esp8266串口調(diào)試助手,可查看esp8266是否收到指令,如果第一步esp8266已聯(lián)網(wǎng),都是可以收到信息的。
如果界面和其他功能都開發(fā)完畢。可以點(diǎn)擊開發(fā)者工具的上面的上傳按鈕,如下圖。
上傳.png

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

審核.png

回復(fù)

使用道具 舉報(bào)

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規(guī)則

手機(jī)版|小黑屋|51黑電子論壇 |51黑電子論壇6群 QQ 管理員QQ:125739409;技術(shù)交流QQ群281945664

Powered by 單片機(jī)教程網(wǎng)

快速回復(fù) 返回頂部 返回列表