使用ESP32CAM、Drive和Ubidots的運(yùn)動(dòng)檢測(cè)系統(tǒng)

描述

不久前，我在附近處理了一個(gè)困難的情況。有一些陌生人在我們家附近走來(lái)走去，他們似乎沒(méi)有好心。我和我的家人通常在周末旅行，沒(méi)有辦法驗(yàn)證一切是否正常，所以我決定啟動(dòng)一個(gè)項(xiàng)目，幫助我們監(jiān)視房子，并通知我們是否有陌生人四處走動(dòng)和監(jiān)視。

它是如何工作的？

當(dāng) PIR 傳感器檢測(cè)到運(yùn)動(dòng)時(shí)，ESP32CAM 會(huì)將照片發(fā)送到 Google Drive，然后將 FileID、FolderID 和 FileName 發(fā)送到 Ubidots，以在 HTML Canvas 中創(chuàng)建的小部件中可視化圖片。

你應(yīng)該怎么做才能做這個(gè)項(xiàng)目？

要完成此項(xiàng)目，您需要執(zhí)行以下步驟：

1. 將 PIR 運(yùn)動(dòng)傳感器連接到 ESP32CAM

使用一些跳線將 PIR 運(yùn)動(dòng)傳感器按照下圖所示的示意圖連接到 ESP32CAM，請(qǐng)注意，您可以更改代碼中的引腳排列。

?

?

2. 編寫(xiě) Google Script 項(xiàng)目。

要?jiǎng)?chuàng)建新的 Google Script 項(xiàng)目，請(qǐng)執(zhí)行以下步驟：

• 轉(zhuǎn)到Google Apps 腳本網(wǎng)站。
• 單擊左上角的“+”按鈕并創(chuàng)建一個(gè)新項(xiàng)目。
• 復(fù)制此存儲(chǔ)庫(kù)中的代碼并將其粘貼到您的 Google 腳本項(xiàng)目中。

在 Google Script 項(xiàng)目中...

• 將您的 Ubidots 帳戶的Token放入名為“ TOKEN ”的變量中。

var TOKEN = "YOUR-TOKEN";

您可以根據(jù)需要更改變量標(biāo)簽和設(shè)備標(biāo)簽。在此類設(shè)備和變量中，您將存儲(chǔ) ESP32CAM 拍攝的圖片的文件 ID、文件夾 ID 和文件名。

• 發(fā)布您的代碼并更改腳本的權(quán)限以允許所有人看到它。

?

• 復(fù)制發(fā)布腳本后出現(xiàn)的 ID。我們將在 ESP32CAM 中使用它。

?

3. 為您的 ESP32CAM 編程。

互聯(lián)網(wǎng)上有很多教程向我們展示了如何對(duì) ESP32 CAM 進(jìn)行編程，可以在此處找到出色的指南：ESP32CAM 。從此存儲(chǔ)庫(kù)下載相應(yīng)的代碼并在您的 Arduino IDE 中打開(kāi)它。

在 ESP32CAM 代碼中......

必須在代碼中進(jìn)行一些修改才能在 ESP32CAM 上正常運(yùn)行。

• 將您的無(wú)線網(wǎng)絡(luò)憑據(jù)放在 SSID 和密碼字段中。

const char* ssid     = "SSID";   
const char* password = "PASSWORD";

• 將您的 Google 腳本 ID 粘貼到以下變量中。

String myScript = "/macros/s/ID-OF-URL/exec"; //Replace with your own url

最后，運(yùn)行 Arduino IDE 中的所有代碼并刷新 ESP32CAM。

4. 自定義您的小部件。

使用本節(jié)中創(chuàng)建的小部件，您將能夠看到 ESP32CAM 拍攝的照片。此外，您會(huì)看到一個(gè)包含一些圖片寄存器的下拉列表，如果需要，您可以將其刪除。

?

• 轉(zhuǎn)到導(dǎo)航欄中的“數(shù)據(jù)”下拉菜單，然后轉(zhuǎn)到“儀表板”，然后選擇您將使用的儀表板。
• 單擊儀表板右上角的“+”按鈕。
• 選擇 HTML 畫(huà)布選項(xiàng)。

?

• 在 HTML 畫(huà)布中復(fù)制并粘貼在附加存儲(chǔ)庫(kù)中找到的HTML 、CSS和JavaScript代碼。
• 在 JavaScript 代碼中，將您的 Ubidots 帳戶的Token放入名為“ TOKEN ”的變量中。

const TOKEN = "YOUR-UBIDOTS-TOKEN";// Put here your Ubidots Token

• 驗(yàn)證包含所有圖片的 Google Drive 文件夾中的權(quán)限。您必須允許所有人訪問(wèn)。

?

重要提示：您必須確保 Google Script 項(xiàng)目中設(shè)置的設(shè)備標(biāo)簽和變量標(biāo)簽與 JavaScript 代碼中設(shè)置的設(shè)備標(biāo)簽和變量標(biāo)簽匹配。

5. 設(shè)置警報(bào)。

要接收包含 ESP32CAM 捕獲的圖片的電子郵件，請(qǐng)按照以下步驟操作。

?

• 轉(zhuǎn)到導(dǎo)航欄中的“數(shù)據(jù)”下拉菜單，然后轉(zhuǎn)到“事件”。
• 單擊右上角的“+”按鈕并創(chuàng)建一個(gè)新事件。
• 將您的事件設(shè)置為在變量收到“1”后觸發(fā)。

?

• 在“然后操作”中，在消息中設(shè)置遵循此結(jié)構(gòu)的電子郵件。

?

在“然后操作”中，將變量設(shè)置為零以重置事件觸發(fā)器。

?

?