Kontroller enheter over internett gjennom nettleser. (IoT): 6 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23

I denne instruksen vil jeg vise deg hvordan du kan kontrollere enheter som lysdioder, reléer, motorer etc. over internett via nettleser. Og du kan få tilgang til kontrollene sikkert over hvilken som helst enhet. Nettplattformen jeg brukte her er RemoteMe.org besøk siden for å vite mer om den.

Sørg for å referere til bilder som vil hjelpe deg å forstå prosessen bedre.

Så la oss komme i gang.

Trinn 1: Ting du trenger:-

For dette prosjektet trenger du:-

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

Programvare:-

1. Arduino IDE
2. Konto på RemoteMe.

Vær oppmerksom på at du kan bruke en Arduino eller Raspberry-pi for prosjektet hvis du ikke har NodeMCU.

Trinn 2: Konfigurere Arduino IDE:-

Først for å jobbe med NodeMCU Esp8266 må du legge brettene til IDE hvis du ikke allerede har gjort det, sjekk denne instruksjonsboken her.

Etter at styrene er tilgjengelige på IDE, er det noen biblioteker som trengs for dette prosjektet.

Slik installerer du disse bibliotekene:-

Åpne IDE og gå til >> Skisse >> Inkluder bibliotek >> Administrer biblioteker. Et popup -vindu skal vises. Her vil du søke etter de nødvendige bibliotekene

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 etter en og start IDE på nytt når du er ferdig.

Med det er IDE klar til bruk.

Trinn 3: Konfigurere side på RemoteMe:-

For å bruke RemoteMe må du først registrere deg slik at du kan lage dine egne websider og begynne å kontrollere enheter.

Gå til RemoteMe.org klikk på "Program", Gå til Registrering og skriv inn detaljene dine og trykk på registrering

Du vil bli møtt med en velkomstside. Nå til venstre i menyen, velg "Enheter"

På høyre side vil du se et alternativ som heter "Ny enhet". Hvis du klikker på den, får du en rullegardinmeny, her velger du "Ny webside"

Gi nå et navn og enhets -ID, jeg har kalt det 'LED' og gitt enhets -ID '203'. (Enhets -ID -en er det unike nummeret som skiller mellom forskjellige enheter.)

Sørg for at vekselen er satt til "aktiv" og trykk "send". En ny enhet med navnet LED med enhets -ID 203 vil vises på siden. Velg nå nedoverpilen på høyre side av enheten, og du vil se et tomt spor der du kan lage nettsider

Gå til denne GitHub -siden. Du må dra tre filer (index.html, scripts.js & styles.css) og slippe dem en etter en inn i det tomme sporet på enheten, og du er ferdig

Trinn 4: Last opp kode på MCU:-

Nedenfor har jeg gitt koden du trenger for å få prosjektet til å fungere.

Før du kan laste opp koden, er det noen mindre endringer du må gjøre i koden.

Når koden er åpen i IDE, må du skrive inn WiFi -navnet og passordet i det nødvendige feltet, slik at kortet kan koble til nettverket ditt.

Gjør endringer på følgende del av koden:-

#define WIFI_NAME "Skriv inn WiFi -navnet ditt" #define WIFI_PASSWORD "Skriv inn ditt WiFi -passord" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Enter Authentication Token"

For å få autentiseringstokenet Gå til Remoteme.org >> Programmer >> Tokens (I menyen på venstre side nedenfor Enheter)

Kopier token og lim den inn i koden.

Koble nå NodeMCU til PCen, velg riktig port og last opp koden.

Trinn 5: Tilkoblinger:-

Følg bildet ovenfor for å opprette tilkoblinger:-

Lysdioden er koblet til pin D5 på MCU.

Trykknappen er koblet til pin D2.

Bruk en motstand i serie med LED for å forhindre skade på LED.

Trinn 6: Testing:-

Nå har du fullført prosjektet. Det er på tide å teste bygget.

Først for å sjekke om tilkoblingene er riktige, trykk på trykknappen, og du skal se LED-en slås på. Trykk på knappen igjen for å slå av LED-en

Gå nå til RemotMe -nettstedet og åpne søknaden din. logg inn med kontoen du logget på med

Gå til Enheter og velg enheten du nettopp har opprettet. Legg merke til tilkoblingslink -symbolet på venstre side før enhets -ID har blitt grønn, noe som indikerer at ESP -kortet er koblet til serveren

Klikk nå på "index.html" -filen og velg "åpne i ny fane", i en ny fane vil en webside vises med en sirkel. Du kan klikke på sirkelen for å slå LED -lampen av og på

For å kontrollere LED -en din med smarttelefonen. Gå igjen til enhetssiden og klikk på "index.html". Denne gangen velger du det siste alternativet "Få anonym lenke …". Et popup-vindu vil vises med en lenke du kan åpne i hvilken som helst smarttelefon for å kontrollere LED-en uten å måtte logge på hver gang

Enda et bedre alternativ, du kan velge QR -alternativet rett ved siden av lenken. Og skann QR -en din med Android eller iPhone, så blir du omdirigert til nettsiden med sirkel

Sjekk videodemoen for å se hvordan det fungerer.

Håper du liker prosjektet. Hvis du har spørsmål, kan du stille dem i kommentarene.

Takk skal du ha.