[微信篇]ESP8266-NonOS學習筆記(十一)之微信小程序控制LED燈 Part 1


Hi,大家好,最近有點偷懶,沒怎么寫文章,也主要是最近一直在瞎鼓搗硬件了,忙里偷閑今天教大家如何用微信小程序控制自己的硬件,相信大家都有用過微信小程序了,小程序相比於普通App開發來說就很簡單了,主要是一些前端技術,而且在微信的體系內可以很好的跨平台,這一點是非常不錯的,本篇文章就教大家如何構建自己的小程序來控制自己的設備,閑話少說,just do it!

在開始之前你需要注冊幾個賬號,請確保先注冊完成,再開始:

1.微信小程序賬號

微信公眾平台

2.百度雲天工物聯網賬號

百度天工-物聯網平台

這里的MQTT服務器我們使用的是百度天工物聯網服務,一年十塊錢,一個月有兩百萬條消息配額,非常划算,我已經購買很久了,貌似一直在閑置着~請大家先注冊一下賬號,注冊好以后我們開始一步步來~

首先我們需要先在百度天工上創建個計費套餐,一個月1塊錢最低配就可,一年十元,如果不舍得就先看看別的文章吧~啊哈哈哈,開玩笑的,看我姿勢:

這里我們點擊創建計費套餐就可,在百度天工這邊我們只需要四大步就好,其實有點麻煩,我們慢慢來~點擊創建計費套餐,選擇一下付錢就可以了,這里資源類型選物接入,不要選成SIM版了,有個區域選擇,你看你離那個地區近就選哪一個,個人建議長江以南選廣州,長江以北選北京~

購買完成后我們進入項目列表,然后新創建一個項目,如下圖:

我這里今天測試已經創建好了一個項目,不過為了給不太熟悉的同學展示一下,我這里再新建一個項目,跟着我一步步來就好了,稍微有點麻煩,圖片有點多,請大家見諒~

項目名稱大家隨便填,主要起一個標識作用,項目類型大家要選擇數據型,這里不要選錯哦,然后點擊提交,這時候會發現項目列表里多了一個項目,如下圖:

創建項目就好了,這里有幾個網址,等會我們會用到一個,先不用着急記,等會大家知道來這里找就好了,然后我們點擊項目名稱,就是你剛剛起的名字:

然后我們點擊創建用戶,名稱沒什么講究,大家可以自行選擇,下面的用戶名就是一會我們用來登錄MQTT時用到的用戶名,密碼會在最后一步生成,大家先不要着急,然后再點擊下一步:

這一步讓我們選擇身份,由於我們還沒有創建身份,這里選擇創建身份就好,然后填寫一個名稱,認證方式選擇密碼認證,然后點擊下一步:

同樣的,我們選擇創建策略,名稱不重要,大家可自行起一個,這里主題大家要注意了,主題是我們在這里設置好的,不是隨便訂閱的,如果你在設備或者小程序里訂閱沒有設置過的主題是不會收到任何消息的,而且還會斷連,這一點請注意,這里我創建了三個主題,分別是控制燈、溫度和濕度的,大家根據自己需要去創建或者跟我一樣就好,權限把發布和訂閱都選上即可,然后我們點擊下一步:

這里讓我們配置確認,這一步大家把密鑰記錄下來備用,記得不要搞丟喲~

接下來我們進行連接測試,我們回到用戶列表,然后點擊連接測試:

身份密鑰填上那會我們生成的密碼,然后點擊連接,應該會看到連接成功的提示:

然后我們在左側publish的主題里填上我們前面創建的主題,右側Subscriptions處訂閱相同的主題,然后隨便發一條消息,看看不能在下面 Messages處收到,如果能接收到,表示我們設置成功,可以進行下一步了~

前面你已經注冊完微信小程序賬號后,我們還需要設置一下服務器地址,因為小程序的安全機制是不允許你隨便去連接一個網址的,所以我們需要先在后台設置好:

點擊開發設置,然后找到服務器域名,點擊修改,然后再socket合法域名中填寫前面讓大家記住的網址就好,記得端口號不要一塊復制進去,如下圖:

小程序的AppID,大家一塊記錄一下,一會我們會用到~

至此大部分的設置就完成了,接下來我們需要下載一下小程序開發工具了,俗稱IDE,大家戳卡片下載就可以了,建議大家選擇穩定版下載哦~

下載 · 小程序

恭喜你到這一步,你已經走完一大步了,接下來,就是最重要的一步了,廢話少說,先把小程序代碼下下來呀,戳卡片:

imliubo/Wechat_MQTT_ESP8266_BaiduIoT​github.com

Part 1 就先到這,大家可以先看看小程序的代碼,如果你了解JS的話,相信很快就能看懂,如果不了解的話,也沒關系,后面我會錄個視頻講解一下,當然我對JS也是半路出家,啊哈哈哈哈,大神勿噴~

最后如果喜歡的話,可以給我的倉庫點個star,您的star是對我最大的鼓勵!

下篇我們再來看看硬件代碼,其實跟之前的寫過的MQTT的Demo是一樣的,有能力的同學,可以自己搞起來先~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM