如何在通知程序上以動畫的形式顯示來自手機(jī)的通知

描述

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

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

讓我們開始吧！

補(bǔ)給品：

ESP12E WiFi 模塊 x1

WS2812B LED x27

AMS1117 3.3V 穩(wěn)壓器 x1

10k SMD (0805) 電阻 x4

100nF 貼片 (0805) 電阻 x1

用于 ESP12E 編程的 NodeMCU

第 1 步：計劃

?

?

?

?

?

1 / 2

?

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

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

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

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

例如，如果電池電量下降到 15% 以下，則會觸發(fā)一個向http://dweet.io/dweet/for/mythingname?發(fā)出 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 “獲取”發(fā)布的數(shù)據(jù)，并解析上述 JSON 以檢查“ Noti ”的值。每個事件都被分配了一個不同的值，這就是 ESP12E 知道觸發(fā)了哪個事件的方式。

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

第 3 步：設(shè)置 IFTTT 和 Dweet

?

?

?

?

?

1 / 7

?

設(shè)置微博：

要檢查它是否可用，

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

設(shè)置 IFTTT Applet：

網(wǎng)址 - http://dweet.io/dweet/for/indoorgeek?Noti=batt

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

下載 IFTTT Android/iOS 應(yīng)用程序并登錄您的帳戶。該應(yīng)用程序會根據(jù)創(chuàng)建的小程序自動要求您允許訪問各種服務(wù)。否則，您必須手動授予權(quán)限。

在應(yīng)用程序中，轉(zhuǎn)到“設(shè)置”>“同步選項”并啟用“更快地運行位置、Android 電池和 WiFi 連接”。

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

安卓電池 - batt

推特 - 推特

按鈕 - 按鈕

第 4 步：PCB 設(shè)計

?

?

?

?

?

1 / 5

?

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

確保 ESP-12E 模塊的 WiFi 天線下方?jīng)]有地平面。

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

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

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

我做的錯誤：

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

不用擔(dān)心！我已經(jīng)上傳了PCB的修正文件。

第 5 步：編碼時間

?

?

?

?

?

1 / 3

?

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

在上傳之前，進(jìn)行以下更改：

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

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

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

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

第 6 步：3D 打印

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

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

我仍在努力改進(jìn)設(shè)計。完成后我會更新文件。

第 7 步：享受吧！

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

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

?