You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 lines
3.4 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
  1. # Introduction
  2. This reposity includes the basic information to mount a web server using **Node-RED** as a Dashboard and also working as a MQTT server using **Mosquitto**.
  3. *Again, thanks to Andrés Perez for the first version.*
  4. # Servidor Web y comunicación con ESP32 por medio de un broker MQTT
  5. En este repositorio se presenta el proceso para montar un servidor web haciendo uso de Node-RED, y llevar a cabo su conexion con una tarjeta ESP32, haciendo uso del protocolo de comunicacion MQTT.
  6. ## Comunicacion
  7. 1. La comunicacion comienza en el ESP32, el cual se encarga de enviar un texto al broker MQTT por medio de una conexion de red local.
  8. 2. El broker MQTT recibe el valor y permite que otros clientes lo lean a traves de el.
  9. 3. Un servidor web ejecutado por Node-RED lee el dato recibido por el broker y ejecuta una accion de acuerdo al dato leido, en este caso esa accion es mostrar el texto en un sitio web.
  10. ![mqttesp32](./Imagenes/mqttesp32.PNG)
  11. Este proyecto trabaja en conjunto con un programa creado para el esp32, el cual se encuentra en el siguiente repostorio:
  12. http://gmarxcc.com:8088/andrespm/mqtt-server-esp32.git
  13. # MQTT Server
  14. ## Installing Mosquitto
  15. For the Raspberry pi, based on Debian's distribution, we can use:
  16. ```bash
  17. sudo apt update
  18. sudo apt upgrade
  19. sudo apt install mosquitto
  20. ```
  21. To execute *mosquitto* and enable every time the system starts:
  22. ```
  23. sudo systemctl enable mosquitto.service
  24. ```
  25. ## Configuring the Mosquitto server
  26. First replace the default configuration file by the file providing in this repository:
  27. ```
  28. sudo cp ./mosquitto.conf /etc/mosquitto/mosquitto.conf
  29. ```
  30. then, create the password file instanced on the `mosquitto.conf` file
  31. ```
  32. sudo touch /etc/mosquitto/passwd
  33. ```
  34. finally, restart the service:
  35. sudo systemctl restart mosquitto
  36. ## Node-RED installation
  37. To install **nodejs** writte in terminal:
  38. ```
  39. sudo apt update
  40. sudo apt install nodejs
  41. sudo apt install npm
  42. ```
  43. Then, let us install the *Node-RED* app and the *Dashboard* complement by using the *Node Package Manager*:
  44. npm install node-red
  45. npm install node-red-dashboard
  46. here
  47. Para acceder a node-RED, nos dirijimos al navegador y escribimos **localhost:1880**, esto nos llevara a la pantalla principal del node-red
  48. ## Configuracion del flujo Node-RED
  49. En la pagina principal de Node-RED, presionar la opcion de importar en el menu posterior derecho. Seleccionar el archivo **flows.json**
  50. ![Importar](./Imagenes/Import_Node_Red.png)
  51. Damos clic en el nodo de mqtt in (el morado con el texto prueba/xd), se desplegara un menu con las propiedades del nodo.
  52. ![Propiedades](./Imagenes/Prop_node.png)
  53. Damos clic en el lapiz, el cual nos desplegara un menu con la configuracion, en el apartado de server tecleamos la direccion de nuestro server mosquitto
  54. Una vez configurado, corremos el proceso con boton **Deploy**, en caso de haber configurado correctamente el nodo mqtt, debajo de este habra un mensaje con el texto **connected**
  55. ![Connected](./Imagenes/Connected.png)
  56. Como se puede apreciar, uno de los nodos es una salida de insterfaz de usuario de tipo texto. Para acceder a ella nos dirijimos al navegador y escribimos la siguiente direccion: **localhost:1880/ui**
  57. En esta interfaz se reciben los datos enviados por otros clientes al servidor mqtt
  58. ## Recepcion de datos en DASHBOARD
  59. Al entrar a la pagina del dashboard vemos como node-red recibe el dato y lo muestra en la interfaz de usuario
  60. ![Connected](./Imagenes/Resultado.png)