Taula de continguts:

Control de dispositius per Internet a través del navegador. (IoT): 6 passos
Control de dispositius per Internet a través del navegador. (IoT): 6 passos

Vídeo: Control de dispositius per Internet a través del navegador. (IoT): 6 passos

Vídeo: Control de dispositius per Internet a través del navegador. (IoT): 6 passos
Vídeo: 8 CLAVES en PROYECTOS de IoT 🌐 Cómo Ejecutar Proyectos de Internet de las Cosas 2024, De novembre
Anonim
Control de dispositius per Internet a través del navegador. (IoT)
Control de dispositius per Internet a través del navegador. (IoT)

En aquest instructiu us mostraré com podeu controlar dispositius com LEDs, relés, motors, etc. a través d'Internet mitjançant el navegador web. I podeu accedir als controls amb seguretat des de qualsevol dispositiu. La plataforma web que he utilitzat aquí és RemoteMe.org. Visiteu la pàgina per obtenir més informació.

Assegureu-vos de consultar les imatges que us ajudaran a entendre millor el procés.

Comencem, doncs.

Pas 1: coses que necessitareu: -

Coses que necessitareu
Coses que necessitareu
Coses que necessitareu
Coses que necessitareu
Coses que necessitareu
Coses que necessitareu
Coses que necessitareu
Coses que necessitareu

Per a aquest projecte necessitareu: -

  1. ESP8266 (NodeMCU) Enllaç per USLink per a Europa
  2. LEDLink per USLink per a Europa
  3. Premeu ButtonLink per USLink per a Europa
  4. Breadboard. Link per a USLink per a Europa

Programari: -

  1. IDE Arduino
  2. Compte a RemoteMe.

Tingueu en compte que podeu utilitzar un Arduino o Raspberry-pi per al projecte si no teniu NodeMCU.

Pas 2: Configuració de l'IDE Arduino: -

Configuració de l'IDE Arduino
Configuració de l'IDE Arduino
Configuració de l'IDE Arduino
Configuració de l'IDE Arduino
Configuració de l'IDE Arduino
Configuració de l'IDE Arduino

Primer per treballar amb NodeMCU Esp8266, heu d'afegir les taules a IDE si encara no ho heu fet, consulteu aquest manual aquí.

Després que les juntes estiguin disponibles a IDE, hi ha algunes biblioteques necessàries per a aquest projecte.

Per instal·lar aquestes biblioteques: -

Obriu IDE i aneu a >> Esbós >> Inclou biblioteca >> Gestiona biblioteques. Hauria d'aparèixer una finestra emergent. Aquí cercareu les biblioteques necessàries

Llista de biblioteques: -

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

Instal·leu-los un per un i reinicieu l'IDE quan hagueu acabat.

Amb això, l'IDE està llest per al seu ús.

Pas 3: Configuració de la pàgina a RemoteMe: -

Configuració de la pàgina a RemoteMe
Configuració de la pàgina a RemoteMe
Configuració de la pàgina a RemoteMe
Configuració de la pàgina a RemoteMe
Configuració de la pàgina a RemoteMe
Configuració de la pàgina a RemoteMe

Per utilitzar RemoteMe primer us heu de registrar per poder crear les vostres pròpies pàgines web i començar a controlar els dispositius.

Aneu a RemoteMe.org feu clic a "Aplicació", aneu a Registre i introduïu les vostres dades i feu clic a Registre

Us rebrà una pàgina de benvinguda. Ara, a la part esquerra del menú, seleccioneu "Dispositius"

A la part dreta veureu una opció anomenada "Dispositiu nou". Si feu clic sobre ella, apareixerà un menú desplegable, aquí seleccioneu "Nova pàgina web"

Ara doneu un nom i un ID de dispositiu, l'he anomenat "LED" i he donat l'identificador de dispositiu "203". (L'identificador de dispositiu és l'únic número que distingeix els diferents dispositius.)

Assegureu-vos que la commutació estigui configurada a "activa" i premeu "enviar". A la pàgina apareixerà un nou dispositiu anomenat LED amb identificador de dispositiu 203. Ara seleccioneu la fletxa cap avall a la part dreta del dispositiu i veureu una ranura buida on podeu crear pàgines web

Vés a aquesta pàgina de GitHub. Heu d’arrossegar tres fitxers (index.html, scripts.js & styles.css) i deixar-los anar un a un a la ranura buida del dispositiu i ja heu acabat

Pas 4: Càrrega de codi a l'MCU: -

Càrrega de codi a l'MCU
Càrrega de codi a l'MCU

A continuació he proporcionat el codi que necessiteu perquè el projecte funcioni.

Abans de poder penjar el codi, hi ha alguns canvis menors que heu de fer al codi.

Una vegada que el codi estigui obert a l'IDE, haureu d'introduir el vostre nom i contrasenya WiFi al camp obligatori perquè el tauler es pugui connectar a la vostra xarxa.

Feu canvis a la part següent del codi: -

#define WIFI_NAME "Introduïu el vostre nom WiFi" #define WIFI_PASSWORD "Introduïu la vostra contrasenya WiFi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Introduïu el testimoni d'autenticació"

Per obtenir el testimoni d'autenticació Aneu a Remoteme.org >> Aplicacions >> Fitxes (Al menú de la part esquerra de sota de Dispositius)

Copieu el testimoni i enganxeu-lo al codi.

Ara connecteu el NodeMCU al vostre PC, seleccioneu el port adequat i pengeu el codi.

Pas 5: connexions: -

Connexions
Connexions

Seguiu la imatge anterior per establir connexions: -

El LED està connectat al pin D5 de la MCU.

El polsador està connectat al pin D2.

Utilitzeu una resistència en sèrie amb LED per evitar danys al LED.

Pas 6: proves: -

Image
Image
Proves
Proves
Proves
Proves

Ara heu completat amb èxit el projecte. És hora de provar la construcció.

Primer per comprovar si les connexions són correctes, premeu el botó i hauríeu de veure el LED encès; si torneu a prémer el botó, el LED s'apagarà

Ara aneu al lloc web RemotMe i obriu la vostra aplicació. inicieu la sessió amb el compte amb el qual vau iniciar la sessió

Ara aneu a Dispositius i seleccioneu el dispositiu que acabeu de crear. Tingueu en compte que el símbol d’enllaç de connexió al costat esquerre abans que l’ID del dispositiu es posi de color verd, cosa que indica que la placa ESP està connectada al servidor

Ara feu clic al fitxer "index.html" i seleccioneu "obre en una pestanya nova", en una nova pestanya apareixerà una pàgina web amb un cercle. Podeu fer clic al cercle per encendre i apagar el LED

Per controlar el LED mitjançant un telèfon intel·ligent. Torneu a anar a la pàgina del dispositiu i feu clic a "index.html". Aquesta vegada, seleccioneu la darrera opció "Obteniu un enllaç anònim …". Apareixerà una finestra emergent amb un enllaç que podeu obrir en qualsevol telèfon intel·ligent per controlar el LED sense haver d'iniciar sessió cada vegada

Una opció encara millor, podeu seleccionar l’opció QR just al costat de l’enllaç. I escaneja el QR mitjançant el teu Android o iPhone i et redirigirà a la pàgina web amb cercle

Consulteu la demostració del vídeo per veure com funciona.

Espero que us agradi el projecte. Si teniu alguna pregunta, no dubteu a fer-ho als comentaris.

Gràcies.

Recomanat: