描述

動(dòng)機(jī)

保護(hù)您的家免受入侵者的侵害是人們會(huì)竭盡全力并有充分理由的事情！知道我們的家人和財(cái)物是安全的，讓您高枕無憂。

此外，物聯(lián)網(wǎng)增加了遠(yuǎn)程檢查事情是否井井有條的能力，并且前提是安全的，只需在您的智能手機(jī)上看一眼，或者在發(fā)生可能發(fā)生在您或直接向家庭安全公司的事情時(shí)發(fā)出警報(bào)就更好了或警察。

因此，讓我們探索如何構(gòu)建這樣一個(gè)系統(tǒng)，該系統(tǒng)允許監(jiān)控房間和特定的窗戶或門，并在有人進(jìn)入房間或??打開所述門/窗時(shí)向我們發(fā)出信號(hào)。

本教程的主要目的是讓您開始使用 Waylay IO 低代碼平臺(tái)進(jìn)行物聯(lián)網(wǎng)開發(fā)。

讓我們開始吧！

?

硬件要求

對(duì)于本教程，我們決定使用 M5Stack 生態(tài)系統(tǒng)，因?yàn)樗梢詷?gòu)建這樣一個(gè)系統(tǒng)，而無需對(duì)特定工具進(jìn)行原型設(shè)計(jì)，例如烙鐵或原型設(shè)計(jì)電纜。該項(xiàng)目的大腦是基于 ESP32 微控制器的物聯(lián)網(wǎng)開發(fā)套件 M5Core2。該生態(tài)系統(tǒng)允許您通過 GROVE 端口將提供的模塊連接到 M5Core2，從而實(shí)現(xiàn)硬件的快速部署。

M5Core2

?

我們?yōu)楸窘坛踢x擇的模塊是 M5Stack 的超聲波測距單元和PIR 運(yùn)動(dòng)傳感器。

M5Stack 的超聲波測距裝置和 PIR 運(yùn)動(dòng)傳感器

?

電線連接

• 使用 Grove 電纜將超聲波測距裝置連接到 M5Core2 的端口 A（USB-C 連接器附近的紅色端口）。本機(jī)使用 I2C 協(xié)議向 M5Core2 發(fā)送數(shù)據(jù)。
• 取出背面的 CORE2 板以露出引腳。
• 使用 Grove 電纜、Grove 到 4 針連接器和公對(duì)公杜邦線將 PIR 運(yùn)動(dòng)傳感器連接到以下引腳：

BLACK  - GND
RED    - 5V
YELLOW - G36
WHITE  - G26

?

先決條件

• 根據(jù)您的操作系統(tǒng)安裝M5Burner 。

M5燃燒器

?

• 按照官方網(wǎng)站上的步驟安裝Thonny 。

托尼 Python IDE

?

設(shè)置設(shè)備

• 使用提供的 USB Type-C 電纜將 M5Stack 套件連接到您的 PC，然后啟動(dòng)M5Burner 。端口名稱應(yīng)出現(xiàn)在應(yīng)用程序的左上角（靠近COM ）。

在 Linux 上，通過運(yùn)行以下命令確保您的用戶是撥出組的一部分：

sudo adduser $USER dialout

M5Burner 接口

?

• 下載UIFlow(CORE2) 。單擊擦除按鈕，等待它完成，然后按刻錄按鈕將 UIFlow(CORE2) 固件上傳到設(shè)備上。我們使用了 1.8.1_core2 。系統(tǒng)將提示您輸入設(shè)備將用于連接到本地網(wǎng)絡(luò)的 WiFi 詳細(xì)信息。如果刻錄失敗，請(qǐng)將波特率更改為較低的。

燒錄固件

?

• 現(xiàn)在單擊對(duì)應(yīng)于 UIFlow(Core2)的配置框，然后從提供的屏幕的下拉列表中選擇應(yīng)用模式，如果不存在，則添加 Wifi 詳細(xì)信息。
• 完成重啟后，您會(huì)看到一個(gè)初始屏幕，右上角是 UiFlow 版本。

?

現(xiàn)在，讓我們繼續(xù)升級(jí)云解決方案吧！

設(shè)置云解決方案

• 如果您還沒有注冊(cè)Waylay IO并登錄。
• 轉(zhuǎn)到資源并添加資源。將其命名為HomeSecurity. 該資源實(shí)際上是您在云中的設(shè)備表示，您將在其中發(fā)送數(shù)據(jù)。
• customer使用key和Zalmotekvalue添加一個(gè)新屬性。
• tags使用key和[ "HomeSecuritySolution" ]value添加另一個(gè)屬性。

在 Waylay IO 上創(chuàng)建資源

?

• 轉(zhuǎn)到左側(cè)主菜單中的Webscripts并添加一個(gè)新的。將其命名為HomeSecurityScript并在正文中添加以下代碼：

async function handleRequest (req, res) {
  if (!req.body) {
    // No body found
    return
  }

  // Parse body if needed
  let payload = req.body
  if (typeof payload === 'string' || payload instanceof String)
    payload = JSON.parse(payload)

  /*
  You can do some processing of the payload over here.
  */

  // Post values to our resource
  waylay.data.baseUrl = 'https://data-io.waylay.io'
  await waylay.data.postSeries('replace_with_resource_id', payload, { store: true, forward: true })
    .catch(e => console.error(e.message))

  res.sendStatus(200)
}

請(qǐng)務(wù)必將replace_with_resource_id占位符替換resource_id為上述步驟中的實(shí)際值。導(dǎo)航到資源頁面以獲取它。我們的有點(diǎn)像9d086585-eb05-46a2-9367-bf4a45679a0c。粘貼正確的詳細(xì)信息后，按保存。

Waylay IO 上的資源 ID

?

Waylay IO 上的 Webscript

?

對(duì)設(shè)備進(jìn)行編程

• 轉(zhuǎn)到該項(xiàng)目的 GitHub 存儲(chǔ)庫（也存在于本教程的代碼塊中）并下載包含所有必要代碼的 zip 文件并將其解壓縮到一個(gè)文件夾中（或使用 git 命令行界面執(zhí)行相同的操作，如親。
• 啟動(dòng)Thonny并從Run -> Select interpreter將解釋器設(shè)置為MicroPython (ESP32) ，然后選擇設(shè)備端口。
• 確保 M5Stack 已連接并顯示 API 屏幕（或打開 hello world 程序），單擊Shell 文本字段并按CTRL+C或按STOP按鈕以連接到設(shè)備。看到>>符號(hào)后，您可以訪問設(shè)備上的文件。轉(zhuǎn)到查看并選擇文件以設(shè)置您的工作區(qū)。然后轉(zhuǎn)到本教程中提供的 temp.py 文件，并使用您的 Webscript 的 URL 編輯 SendPOST() 函數(shù)中的 URL。您可以在https://console-io.waylay.io/webscripts上找到它，請(qǐng)在 Webscript 的名稱下方。單擊它以將其復(fù)制到剪貼板（確保包含機(jī)密）。
• 選擇從GitHub下載的文件夾中的所有文件，按住Shift并單擊文件（main.py，以及本教程中提供的2個(gè)文件夾custom，res，文件，排除Readme文件，右鍵單擊菜單圖標(biāo)（3條水平線為如下所示）然后按 Upload to /flash，按 ok 并設(shè)置。確認(rèn)文件被覆蓋。

?

• 此時(shí)請(qǐng)確保按照之前的說明連接所有傳感器，否則程序?qū)煸诎灼辽稀?/font>
• 按下 SD 卡插槽附近的向下按鈕重新啟動(dòng) M5Stack（屏幕將關(guān)閉并刷新）。設(shè)備將連接到 WiFi 網(wǎng)絡(luò)并自動(dòng)運(yùn)行main.py文件。
• 當(dāng)設(shè)備成功將數(shù)據(jù)發(fā)送到服務(wù)器時(shí)，您將Data sent在顯示屏左下角收到一條消息，并在顯示屏右下角200收到 HTTP 狀態(tài)代碼（表示請(qǐng)求已成功接收、理解并接受） ）。

?

這是系統(tǒng)的演示：

?

設(shè)置警報(bào)

警報(bào)是一項(xiàng)有用的功能，當(dāng)監(jiān)控值達(dá)到不需要的水平時(shí)，您可以通過該功能獲得通知。

• 從您的用戶控制臺(tái)中選擇模板字段，然后單擊添加模板按鈕。
• 要?jiǎng)?chuàng)建基本的警報(bào)流程，我們將從塊菜單中添加必要的塊，然后對(duì)其進(jìn)行配置。
• 添加一個(gè)Stream塊，取消選中execute on tick并選中execute on data并選擇您選擇的資源。
• 添加一個(gè)Condition塊，取消選中execute on tick并選中execute on data并選擇您選擇的資源。在條件字段中，按以下格式寫出條件：

${nodes.stream_1.rawData.stream.replace_with_your_metric}

• 在我們的示例中，您可以選擇的指標(biāo)是在( , )中的DataMap變量中定義的指標(biāo)。我們的條件如下所示：temp.pyWindowStatusDoorStatus

${nodes.stream_1.rawData.stream.WindowStatus} > 0
${nodes.stream_1.rawData.stream.DoorStatus} > 0

• 現(xiàn)在您已經(jīng)返回到Templates菜單，選擇之前創(chuàng)建的模板并單擊Create Task 。

在 Waylay IO 上創(chuàng)建警報(bào)

?

• 為您的任務(wù)選擇一個(gè)名稱，選擇Resource選擇Reactive模式，然后單擊Create Task 。
• 現(xiàn)在任務(wù)已創(chuàng)建，當(dāng)滿足條件時(shí)，將觸發(fā)警報(bào)，并將顯示在控制臺(tái)的“警報(bào)”字段中，以及鏈接到與警報(bào)相同的資源的儀表板中。

在 Waylay IO 上創(chuàng)建任務(wù)

?

Waylay IO 上的報(bào)警日志

?

創(chuàng)建儀表板

現(xiàn)在我們?cè)O(shè)法將數(shù)據(jù)持續(xù)發(fā)送到我們的云解決方案，是時(shí)候設(shè)置一個(gè)儀表板來顯示它了。

• 前往dashboard-io.waylay.io/并使用您的帳戶數(shù)據(jù)登錄。
• 通過單擊+號(hào)創(chuàng)建組織。此組織的名稱必須與您在定義資源時(shí)使用的客戶名稱（標(biāo)簽值）相同。
• 單擊以管理員身份登錄。
• 單擊左下角的 + 號(hào)，單擊 Query，然后在標(biāo)簽字段中填寫您為資源選擇的標(biāo)簽屬性的值，在我們的例子中是HomeSecuritySolution.
• 命名您的組，最后單擊創(chuàng)建組。
• 單擊您的查詢，然后單擊您的資源名稱。
• 單擊我的儀表板旁邊的+號(hào)并選擇所需的表示，選擇您要表示的指標(biāo)，然后單擊保存。
• 添加所有小部件后，單擊+號(hào)旁邊的齒輪，然后單擊Publish 。
• 單擊我的儀表板并選擇您的儀表板（注意+號(hào)消失），單擊齒輪，單擊管理，然后選擇public 。
• 現(xiàn)在，通過單擊連接按鈕，您可以獲得公共儀表板的鏈接，以便與您的朋友分享或從任何瀏覽器訪問它。

?

下一步是什么？

我們有一系列教程以及其他用例，您可以從中學(xué)習(xí)并進(jìn)一步提高您的 IoT 技能，或者您可以開始自己的項(xiàng)目。

如果您在部署此解決方案或構(gòu)建類似解決方案方面需要幫助，請(qǐng)聯(lián)系Waylay.io獲取低代碼 IoT 解決方案或Zalmotek.com獲取支持 IoT 的硬件原型。

如果您還有其他問題，請(qǐng)通過評(píng)論與我們聯(lián)系！