IoT Notifier med ESP-12E: 7 steg (med bilder)

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:39

Fastnat hemma från din älskade? Under denna svåra tid kommer det här roliga lilla projektet definitivt att försöka få ett leende på läpparna.

I den här instruktionsboken kommer jag att visa dig hur du visar aviseringar från din mobiltelefon i form av animationer på Notifier.

Låt oss börja

Tillbehör

ESP12E WiFi -modul x1

WS2812B LED x27

AMS1117 3.3V spänningsregulator x1

10k SMD (0805) Motstånd x4

100nF SMD (0805) Motstånd x1

NodeMCU för programmering av ESP12E

Steg 1: Planen

Planen är att använda IFTTT (If This Then That) för att söka efter specifika händelser som händer på mobiltelefonen som sedan utlöser en webbförfrågan. Dweet används för att publicera data från IFTTT och sedan få samma data med ESP12E.

När jag började med projektet var tanken att göra en aviserare som låter mig veta om det finns ett meddelande, samtal etc. från en viss person. Men då insåg jag att mycket mer kan göras med IFTTT. Så jag bestämde mig för att lägga till aviseringar som låg batterinivå, knappwidget och Twitter. Du kan lägga till fler händelser från IFTTT.

Steg 2: Hur fungerar det?

OM en händelse (meddelande, låg batterinivå, samtal, etc.) inträffar görs DEN en webbförfrågan till Dweet och "postar" data i form av JSON.

Till exempel, om batteriet sjunker under 15%, utlöses en händelse som gör en webbförfrågan till https://dweet.io/dweet/for/mythingname?Noti=batt. Detta lägger till "Noti": "batt" till JSON -koden. Noti är 'nyckeln' och batt är dess 'värde'.

ESP12E ansluter sedan till Dweet och "hämtar" publicerade data med hjälp av https://dweet.io/get/latest/dweet/for/mythingname och analyserar ovanstående JSON för att kontrollera värdet på "Noti". Varje händelse tilldelas ett annat värde och så här vet ESP12E vilken händelse som har utlösts.

ESP-12E visar sedan animationen kontinuerligt tills du trycker på en knapp längst bak.

Steg 3: Konfigurera IFTTT och Dweet

Konfigurera Dweet:

• Du behöver bara tänka på ett namn.
• För att kontrollera om den är tillgänglig skriver du
• Om du får ett svar som visas i figuren är det tillgängligt.

Konfigurera en IFTTT -applet:

• Besök IFTTT och skapa ett konto
• Klicka på "Utforska" och sedan "Gör dina egna appletter från grunden"
• Klicka på "Detta" och välj "Android -batteri" från listan
• Välj utlösare - "Batteriet sjunker under 15%"
• Klicka på "Det" och välj "Webhooks" från listan
• Välj åtgärd - "Skicka en webbförfrågan"
• URL -
• Metod - POST
• Innehållstyp - text/vanlig
• Klicka på "Skapa åtgärd"

Ladda ner IFTTT Android/iOS -appen och logga in på ditt konto. Appen kommer automatiskt att be dig att tillåta åtkomst till olika tjänster beroende på vilka appleter som skapats. Annars måste du ge behörigheter manuellt.

I appen går du till Inställningar> Synkroniseringsalternativ och aktiverar "Kör plats, Android -batteri och WiFi -anslutningar snabbare".

På samma sätt gör du många applets. Ändra bara URL -delen som är fetstil

Android -batteri - batt

Twitter - twitter

Knapp - knapp

Steg 4: Design av kretskort

Du kan använda vilken programvara du vill för att designa PCB. Jag använder EasyEDA eftersom det är lämpligt för nybörjare som jag. Jag har bifogat schemat. Klicka här för att ladda ner Gerber -filerna för kretskortet.

Se till att det inte finns något markplan under WiFi-antennerna på ESP-12E-modulen.

För programmeringsändamål tillhandahålls plattor för TX, RX, RST, D3 och GND.

När du har slutfört designen av kretskortet, få det tillverkat av tillverkaren du väljer. Jag valde JLCPCB på grund av dess snabba service.

Jag lödde de 27 lysdioderna med återflödeslödningen med tygjärn. Jag var tvungen att handlöda ESP-12E-modulen samt några andra SMD-komponenter på baksidan av brädet.

Misstag jag gjorde:

1. Jag kollade inte schemat och missade så en GND -anslutning till en lysdiod. Jag var tvungen att skrapa av lödmasken över markplanen och överbrygga lödfogen.
2. Jag lade inte till en 100nF kondensator vid spänningsregulatorns utgång. ESP-12E drar mer ström när den ansluter till WiFi. I avsaknad av kondensatorn sjunker spänningen precis tillräckligt för att återställa ESP-12E.

Oroa dig inte! Jag har laddat upp de rättade filerna för PCB.

Steg 5: Dags för kodning

Det finns flera sätt på vilka ESP-12E kan programmeras. Du kan läsa om det här. Jag kommer att använda NodeMCU för att programmera det och det är därför jag hade gjort kuddar för RX, TX, RST, D3 och GND. Se till att kortet är PÅ (med 5V) så att 3,3V är tillgängligt för ESP-12E. Anslut till NodeMCU enligt etiketten på kortet. Anslut EN (Enable) pin på NodeMCU till GND. Detta inaktiverar modulen på NodeMCU så att modulen på vårt kort kan programmeras. Anslut NodeMCU till din dator och öppna.ino -filen som bifogas här.

Gör följande ändringar innan du laddar upp:

1. Ange ditt WiFi -SSID
2. Ange ditt WiFi -lösenord
3. Ange ditt unika dweet 'ding' namn.

Installera ArduinoJson- och FastLED -biblioteken från bibliotekshanteraren.

Obs: Välj en lägre version (5.13.5) när du installerar ArduinoJson.

Välj Board> NodeMCU 1.0 och tryck på Upload!

Steg 6: 3D -utskrift

Inget märkvärdigt här. Bara ett enkelt stativ med kroppen i form av ett hjärta.

Stativet innehåller en kanal varifrån USB -kabeln går från basen till kortet. Jag har designat huvudkroppen så att den passar friktion.

Jag försöker fortfarande förbättra designen. Jag uppdaterar filerna när jag är klar med det.

Steg 7: Njut

Anslut den till en mobil laddare och missa aldrig ett meddelande!

Tack för att du håller dig till slutet. Hoppas ni alla älskar det här projektet och lärde er något nytt idag. Låt mig veta om du gör en själv. Prenumerera på min YouTube -kanal för fler sådana projekt. Tack igen!

Andra pris i hjärtkonkurrensen