描述

這是一項(xiàng)有趣的小活動(dòng)，向您介紹物聯(lián)網(wǎng)世界。在本教程中，您將使用 DHT11 溫度和濕度傳感器并將其連接到使用 ESP8266 WiFi 芯片的 WeMos D1 Mini，并在自定義 Grandeur 畫布上顯示數(shù)據(jù)（輸出）。

第 1 步：滿足先決條件

下載并安裝以下內(nèi)容：

• 開發(fā)環(huán)境
• 車手（不是劉易斯·漢密爾頓）
• ESP8266 Arduino 支持

下載這些庫：

• DHT11
• 無線上網(wǎng)

設(shè)置 Arduino IDE 后，在文件下轉(zhuǎn)到首選項(xiàng)選項(xiàng)卡：

?

將此鏈接粘貼到其他 Boards Manager URL 中。

?

在工具下，轉(zhuǎn)到板選項(xiàng)并單擊板管理器：

?

稍等片刻，讓 Boards Manager 下載新要求，輸入 esp8266 并安裝軟件包。

?

安裝包后，返回工具，轉(zhuǎn)到板選項(xiàng)并單擊NodeMCU1.0（ESP-12E模塊）

?

?

?

?

現(xiàn)在在編譯代碼之前，請確保包含DHT11庫，詳細(xì)信息將在下面共享。您必須手動(dòng)添加它。在Sketch下，轉(zhuǎn)到 include library 并單擊 Add .zip library：

?

將路徑添加到 .zip 文件夾：

?

確保已將此（如上所述的 Wifi.h）添加到保存草圖的文件夾中。

?

您現(xiàn)在可以成功編譯和上傳代碼，但是您暫時(shí)無法連接到您的 Wi-Fi，您需要添加您要連接的 Wi-Fi 的憑據(jù)以及用于連接到 Grandeur 的令牌、設(shè)備 ID 和 API 密鑰。這在第 3 步中進(jìn)行了討論，但我們現(xiàn)在不要擔(dān)心，好嗎？讓我們開始使用我們的小硬件吧。

第 2 步：組裝硬件

DHT11 有 3 個(gè)引腳：VCC、數(shù)據(jù)和接地，連接方式如下：

• DHT11 的VCC 引腳到 WeMos D1 Mini 的 5V 引腳
• DHT11 的數(shù)據(jù)引腳到 WeMos D1 Mini 的 D4 引腳
• DHT11的 GND 引腳到 WeMos D1 Mini 的 GND 引腳

接線圖

?

第 3 步：注冊 Grandeur

• 前往 Grandeur 并注冊。
• 查看他們的Cheat Sheet以獲得有關(guān)注冊、設(shè)置驅(qū)動(dòng)程序、示例代碼等方面的幫助。

第 4 步：創(chuàng)建項(xiàng)目

單擊新建項(xiàng)目按鈕。

填寫項(xiàng)目的名稱和描述，然后單擊創(chuàng)建項(xiàng)目按鈕。

?

瞧！您的項(xiàng)目已創(chuàng)建。

第 5 步：注冊您的設(shè)備

單擊左側(cè)菜單中的“設(shè)備”選項(xiàng)卡。

要注冊您的設(shè)備 (WeMos D1 Mini)，您首先需要注冊其數(shù)據(jù)模型。我們想通過互聯(lián)網(wǎng)顯示溫度和濕度，所以我們將模型注冊為 {"tem": 0, "hum":0}, 0 來初始化它們。

要注冊模型，請?jiān)凇?/font>模型”標(biāo)題下單擊“添加”按鈕。

填寫模型的名稱和架構(gòu){"tem": 0, "hum":0} 。

?

然后單擊添加按鈕。模型已添加。

第 6 步：添加設(shè)備

要添加設(shè)備，請?jiān)凇?/font>設(shè)備”標(biāo)題下單擊“添加”按鈕。

?

選擇您在上一步中創(chuàng)建的模型，為設(shè)備提供產(chǎn)品 ID，然后單擊注冊。

?

注冊后您將獲得一個(gè)訪問令牌，確保將其復(fù)制到某個(gè)地方，例如在文本文件中，因?yàn)檫@將在我們的代碼中使用。

?

現(xiàn)在復(fù)制Device Token并妥善保管，您猜對了，它將在我們的代碼中使用。

?

您的設(shè)備現(xiàn)已注冊。（離世界統(tǒng)治又近了一步，嗯？）

現(xiàn)在，從 Grandeur Dashboard 的“設(shè)置”選項(xiàng)卡中，復(fù)制 API 密鑰。

?

您的文本文件應(yīng)如下所示。

?

第七步：注冊用戶

要從Grandeur控制設(shè)備，您需要一個(gè)用戶帳戶。單擊左側(cè)菜單中的“帳戶”選項(xiàng)卡，然后單擊“添加帳戶”。

?

輸入詳細(xì)信息并單擊添加。

?

第 8 步：將帳戶與設(shè)備配對

一個(gè)帳戶只能查看和控制與其配對的設(shè)備。轉(zhuǎn)到“設(shè)備”選項(xiàng)卡，然后在您之前創(chuàng)建的設(shè)備的“操作”列中，單擊“配對”按鈕。

?

現(xiàn)在在出現(xiàn)的彈出窗口中單擊已創(chuàng)建的用戶帳戶，將您的設(shè)備與用戶配對。

?

設(shè)備和用戶現(xiàn)已配對。（現(xiàn)在你已經(jīng)超過了 Elon Musk，你很快就會(huì)接到特斯拉的電話）

最棒的部分來了，蛋糕上的糖衣，上面的櫻桃，薯?xiàng)l上的馬薩拉，它是：

第 9 步：在 Grandeur Canvas 上制作自定義拖放應(yīng)用程序。

單擊左側(cè)菜單中的 Canvas 選項(xiàng)卡，讓我們添加顯示和圖形小部件，看看我們有多酷。

?

我們將對濕度重復(fù)相同的過程。

?

還記得架構(gòu){"tem": 0, "hum":0} 嗎？

tem并且hum是連接到 Grandeur 的變量，因?yàn)檫@些變量在您的設(shè)備上本地更改它們的值（使用傳入數(shù)據(jù)），它們會(huì)同時(shí)在 Grandeur 上更新。多酷啊！

第 10 步：運(yùn)行代碼

在 Arduino IDE 中上傳提供的代碼。

更改Wifi_SSID和WIFI_PASSPHRASE ，將您希望設(shè)備連接到的 WiFi 的名稱放入Wifi_SSID并將其密碼相應(yīng)地放入WIFI_PASSPHRASE 。

例如我的 WiFi 名稱是：SAW。

密碼是：哈哈哈哈。

?

使用您在寶貴的步驟中復(fù)制的 API 密鑰、令牌和設(shè)備 ID。分別用它們代替 apiKey、deviceID 和 token。

注意：確保您將這些作為字符串輸入，只需在" "中將我們的替換為您自己的即可。

然后上傳代碼。

?

?

?