描述

遠離親人呆在家里？在這個困難時期，這個有趣的小項目一定會讓您的臉上露出笑容。

在本教程中，我將向您展示如何在通知程序上以動畫的形式顯示來自手機的通知。

讓我們開始吧！

補給品：

ESP12E WiFi 模塊 x1

WS2812B LED x27

AMS1117 3.3V 穩壓器 x1

10k SMD (0805) 電阻 x4

100nF 貼片 (0805) 電阻 x1

用于 ESP12E 編程的 NodeMCU

第 1 步：計劃

?

?

?

?

?

1 / 2

?

計劃是使用IFTTT （If This Then That）掃描手機上發生的特定事件，然后觸發 Web 請求。Dweet用于從 IFTTT 發布數據，然后使用 ESP12E 獲取相同的數據。

當我開始這個項目時，我的想法是制作一個通知程序，讓我知道是否有來自特定人的消息、電話等。但后來我意識到使用 IFTTT 可以做更多的事情。因此，我決定添加低電量、按鈕小部件和 Twitter 等通知。您可以從 IFTTT 添加更多事件。

第 2 步：它是如何工作的？

如果發生事件（消息、電池電量不足、通話等），則向 Dweet 發出 Web 請求并以 JSON 格式“發布”數據。

例如，如果電池電量下降到 15% 以下，則會觸發一個向http://dweet.io/dweet/for/mythingname?發出 Web 請求的事件。注意=電池。這會將 "Noti":"batt" 添加到 JSON 代碼中。Noti是“鍵”，batt是它的“值”。

{
"this":"succeeded",
"by":"getting",
"the":"dweets",
"with":
[{
"thing":"mythingname",
"created":"2020-03-25T09:13:17.566Z",
"content":{
"Noti":"batt"
}
}]
}

ESP12E 然后連接到 Dweet 并使用http://dweet.io/get/latest/dweet/for/mythingname “獲取”發布的數據，并解析上述 JSON 以檢查“ Noti ”的值。每個事件都被分配了一個不同的值，這就是 ESP12E 知道觸發了哪個事件的方式。

然后 ESP-12E 會連續顯示動畫，直到您按下后面的按鈕。

第 3 步：設置 IFTTT 和 Dweet

?

?

?

?

?

1 / 7

?

設置微博：

要檢查它是否可用，

• 你只需要為事物想一個名字。
• 如果你得到如圖所示的響應，那么它是可用的。

設置 IFTTT Applet：

網址 - http://dweet.io/dweet/for/indoorgeek?Noti=batt

• 訪問IFTTT并創建一個帳戶
• 單擊“探索”，然后單擊“從頭開始制作您自己的小程序”
• 單擊“This”并從列表中選擇“Android Battery”
• 選擇觸發器 - “電池電量低于 15%”
• 單擊“那個”并從列表中選擇“Webhooks”
• 選擇操作 - “發出網絡請求”
• 方法 - POST
• 內容類型 - 文本/純文本
• 點擊“創建動作”

下載 IFTTT Android/iOS 應用程序并登錄您的帳戶。該應用程序會根據創建的小程序自動要求您允許訪問各種服務。否則，您必須手動授予權限。

在應用程序中，轉到“設置”>“同步選項”并啟用“更快地運行位置、Android 電池和 WiFi 連接”。

同樣，您制作了許多小程序。只需更改粗體的 URL?

安卓電池 - batt

推特 - 推特

按鈕 - 按鈕

第 4 步：PCB 設計

?

?

?

?

?

1 / 5

?

您可以使用任何您喜歡的軟件來設計 PCB。我用的是EasyEDA ，因為它適合像我這樣的新手。我附上了原理圖。單擊此處下載 PCB 的 Gerber 文件。

確保 ESP-12E 模塊的 WiFi 天線下方沒有地平面。

出于編程目的，為 TX、RX、RST、D3 和 GND 提供了焊盤。

完成 PCB 設計后，從您選擇的制造商那里制造它。我選擇JLCPCB是因為它的快速服務。

我使用布烙鐵通過回流焊焊接了 27 個 LED。我不得不手工焊接 ESP-12E 模塊以及電路板背面的一些其他 SMD 組件。

我做的錯誤：

• 我沒有檢查原理圖，因此錯過了與 LED 的 GND 連接。我不得不刮掉平面圖上的阻焊層并橋接焊點。
• 我沒有在穩壓器的輸出端加一個100nF 的電容。ESP-12E 在連接 WiFi 時會消耗更多電流。在沒有電容器的情況下，電壓下降剛好足以重置 ESP-12E。

不用擔心！我已經上傳了PCB的修正文件。

第 5 步：編碼時間

?

?

?

?

?

1 / 3

?

ESP-12E 可以通過多種方式進行編程。你可以在這里閱讀它。我將使用 NodeMCU 對其進行編程，這就是我為 RX、TX、RST、D3 和 GND 制作焊盤的原因。確保電路板已通電（5V），以便 ESP-12E 可以使用 3.3V。按照電路板上的標記連接到 NodeMCU。將 NodeMCU 的 EN（啟用）引腳連接到 GND。這將禁用 NodeMCU 上的模塊，以便可以對我們板上的模塊進行編程。將 NodeMCU 連接到您的計算機并打開此處附加的 .ino 文件。

在上傳之前，進行以下更改：

• 輸入您的 WiFi SSID
• 輸入您的 WiFi 密碼
• 輸入您獨特的 dweet“事物”名稱。

從庫管理器安裝ArduinoJson和FastLED庫。

注意：安裝ArduinoJson時選擇低版本（5.13.5）。

選擇 Board>NodeMCU 1.0 并點擊上傳！

第 6 步：3D 打印

這里沒什么好看的。只是一個簡單的支架，身體呈心形。

支架包含一個通道，USB 電纜從該通道從底座移動到電路板。我將主體設計為摩擦配合。

我仍在努力改進設計。完成后我會更新文件。

第 7 步：享受吧！

將它插入移動充電器，不錯過任何通知！

謝謝你堅持到最后。希望你們都喜歡這個項目并且今天學到了一些新東西。如果你自己做一個，請告訴我。訂閱我的YouTube 頻道以了解更多此類項目。再一次謝謝你！

?