Kontrolenheder via internettet via browser. (IoT): 6 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:28

I denne instruks vil jeg vise dig, hvordan du kan styre enheder som lysdioder, relæer, motorer osv. Over internettet via webbrowser. Og du har sikker adgang til kontrolelementerne over enhver enhed. Webplatformen jeg brugte her er RemoteMe.org besøg siden for at vide mere om det.

Sørg for at henvise til billeder, som hjælper dig med bedre at forstå processen.

Så lad os komme i gang.

Trin 1: Ting du skal bruge:-

Til dette projekt skal du bruge:-

1. ESP8266 (NodeMCU) Link til USLink for Europe
2. LEDLink til USLink til Europa
3. Push ButtonLink for USLink for Europe
4. Breadboard. Link til USLink til Europa

Software:-

1. Arduino IDE
2. Konto på RemoteMe.

Bemærk, at du kan bruge en Arduino eller Raspberry-pi til projektet, hvis du ikke har NodeMCU.

Trin 2: Opsætning af Arduino IDE:-

Først for at arbejde med NodeMCU Esp8266 skal du tilføje tavlerne til IDE, hvis du ikke allerede har gjort det, så tjek denne Instructable her.

Efter at bestyrelserne er tilgængelige på IDE, er der brug for nogle biblioteker til dette projekt.

Sådan installeres disse biblioteker:-

Åbn IDE og gå til >> Skitse >> Inkluder bibliotek >> Administrer biblioteker. Et popup -vindue skal vises. Her vil du søge efter de nødvendige biblioteker

Liste over biblioteker:-

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

Installer disse en efter en, og genstart IDE'en, når du er færdig.

Dermed er IDE klar til brug.

Trin 3: Opsætning af side på RemoteMe:-

For at bruge RemoteMe skal du først tilmelde dig, så du kan oprette dine egne websider og begynde at styre enheder.

Gå til RemoteMe.org klik på "Applikation", Gå til Tilmelding, indtast dine oplysninger og tryk på tilmelding

Du vil blive mødt med en velkomstside. Vælg nu "Enheder" til venstre i menuen

På højre side vil du se en mulighed med navnet "Ny enhed". Hvis du klikker på den, får du en rullemenu, her vælger du "Ny webside"

Giv nu et navn og enheds -id, jeg har kaldt det 'LED' og givet enheds -id '203'. (Enheds -id'et er det unikke nummer, der vil skelne mellem forskellige enheder.)

Sørg for, at skifteren er indstillet til 'aktiv', og tryk på 'send'. En ny enhed med navnet LED med enheds -id 203 vises på siden. Vælg nu pil ned i højre side af enheden, og du vil se en tom plads, hvor du kan oprette websider

Gå til denne GitHub -side. Du skal trække tre filer (index.html, scripts.js & styles.css) og slippe dem en efter en i den tomme slot på din enhed, og du er færdig

Trin 4: Upload kode på MCU:-

Nedenfor har jeg angivet den kode, du har brug for for at få projektet til at fungere.

Inden du kan uploade koden, er der nogle mindre ændringer, du skal foretage i koden.

Når koden er åben i IDE, skal du indtaste dit WiFi -navn og din adgangskode i det påkrævede felt, så kortet kan oprette forbindelse til dit netværk.

Foretag ændringer på følgende del af koden:-

#define WIFI_NAME "Indtast dit WiFi -navn" #define WIFI_PASSWORD "Indtast din WiFi -adgangskode" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Enter Authentication Token"

For at få godkendelsestokenet Gå til Remoteme.org >> Applikationer >> Tokens (i menuen på venstre side nedenfor Enheder)

Kopier Token og indsæt det i koden.

Tilslut nu din NodeMCU til din pc, vælg den rigtige port, og upload koden.

Trin 5: Forbindelser:-

Følg billedet ovenfor for at oprette forbindelser:-

LED'en er tilsluttet Pin D5 på MCU'en.

Trykknappen er tilsluttet Pin D2.

Brug en modstand i serie med LED for at forhindre beskadigelse af LED.

Trin 6: Testning:-

Nu har du gennemført projektet med succes. Det er tid til at teste konstruktionen.

Først for at kontrollere, om forbindelserne er rigtige, skal du trykke på trykknappen, og du skal se LED'en tændt. Ved at trykke på knappen igen slukkes LED'en

Gå nu over til RemotMe -webstedet og åbn din ansøgning. log ind med den konto, som du loggede på

Gå nu til Enheder, og vælg den enhed, du lige har oprettet. Bemærk forbindelseslink -symbolet i venstre side, før enheds -id'et er blevet grønt, hvilket indikerer, at ESP -kortet er forbundet til serveren

Klik nu på filen "index.html" og vælg "Åbn i ny fane", i en ny fane vises en webside med en cirkel. Du kan klikke på cirklen for at tænde og slukke LED'en

For at styre din LED ved hjælp af smartphone. Gå igen til enhedssiden og klik på "index.html". Denne gang skal du vælge den sidste mulighed "Få et anonymt link …". Der vises et pop-up-vindue med et link, du kan åbne i enhver smartphone for at styre LED'en uden at skulle logge ind hver gang

Endnu bedre mulighed, du kan vælge QR -indstillingen lige ved siden af linket. Og scan QR'en ved hjælp af din Android eller iPhone, og du bliver omdirigeret til websiden med cirkel

Tjek videodemoen for at se, hvordan det fungerer.

Håber du kan lide projektet. Hvis du har spørgsmål, er du velkommen til at stille dem i kommentarerne.

Tak skal du have.