流程說明:首先要使esp8266可以聯網,能聯網就能夠控制,使用示例程序,修改WIFI、密鑰等信息便可聯網控制。微信小程序控制是使用http協議完成,經過接口實現對ESP8266的控制。javascript
第1、遠程App控制或手動控制
下載esp8266示例程序
下載地址: 點擊下載html
本demo 是利用arduino IDE開發,關於arduino IDE 的ESP8266環境配置可參考:環境配置: 點擊跳轉java
程序下載好,須要修改的信息有:小程序
須要修改的信息有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; //**************************************************//
用戶私鑰能夠巴法雲控制檯點擊跳轉獲取,註冊綁定郵箱便可在巴法創客雲控制檯點擊跳轉獲取。api
登錄完成後,可在控制檯看到本身的私鑰UID,如圖所示:服務器
建立主題,在控制檯,可建立主題。微信
- 第一輸入主題,字母或數字或字母+數字組合。
- 點擊建立主題。
WIFI名稱爲本身的路由器WIFI名稱,區分大小寫,寫錯會致使鏈接不上網絡的。網絡
修改完畢後,下載程序到esp8266便可,能夠經過串口調試助手查看通訊詳情。微信開發
當檢測到消息爲on 時,執行開燈,當檢測到消息爲off 時,執行關燈。開發者可在控制檯推送on或者off,而後查看串口,看esp8266是否收到,若是收到,說明正常可進行下一步微信小程序編寫。
說明:消息不僅僅侷限於on或off,開發者能夠張大腦洞隨意定義的,你推送什麼消息,在單片機處作什麼消息檢測就能夠了。
第2、微信小程序開發
在 微信公衆平臺註冊小程序帳號,拿到小程序 appid,長的大概是這樣:wx34a2063de5cec04b。
右側點擊 -開發--》開發設置--》下方服務器域名處,點擊修改,在request合法域名處,添加域名https://api.bemfa.com 保存提交便可。以下圖。
下載安裝微信開發者工具。 下載demo示例程序。下載地址: 點擊下載
打開微信開發者工具,小程序項目,導入項目。在目錄處選擇剛剛下載解壓的demo示例程序,AppID處填入你的小程序AppID,而後點擊下方導入便可。以下圖。
本示例程序很是簡單,各位大神能夠繼續開發添加各類功能,添加背景,優化色彩等等,若是隻是簡單使用,只需修改/pages/index/index.js 文件中uid 和topic 信息爲本身的便可,這裏的uid和topic須要和esp8266填入的uid和topic相同,以下圖。
修改完畢後,ctrl+s 保存修改。能夠點擊左邊屏幕上的按鈕進行調試,以下圖。
console控制檯能夠查看小程序的調試信息。默認每5秒會自動請求一下服務器,查看esp8266的狀態信息。點擊打開或者關閉按鈕,打開esp8266串口調試助手,可查看esp8266是否收到指令,若是第一步esp8266已聯網,都是能夠收到信息的。
若是界面和其餘功能都開發完畢。能夠點擊微信開發者工具的上面的上傳按鈕,以下圖。
上傳成功後,再登錄剛剛註冊的微信公衆平臺,在版本管理處,能夠看到本身剛剛上傳的小程序,提交審覈便可,等一天左右,通常都會經過,經過後登錄微信公衆平臺,提交發布便可。若是是本身使用的,作好加上登錄驗證功能,好比驗證匹配一下某個字符串是否正確等等,否則小程序上線後別人也能夠隨意控制了。