馃嚜馃嚫 VUE32 Admin Tool ( Servidor Web ) con Vue.js y el ESP32 IOT.

馃嚜馃嚫 VUE32 Admin Tool ( Servidor Web ) con Vue.js y el ESP32 IOT.

VUE32 Admin Tool ( Servidor Web ) con Vue.js y el ESP32 IOT.

Veremos la creaci贸n de una potente herramienta de configuraci贸n Web con Vue.js y el ESP32 creaci贸n y consumo de API REST

Language: spanish

Note: 4.2/5 (6 notes) 815 students  New course 

Instructor(s): Yamir Hidalgo Pe帽a

Last update: 2022-05-08

What you’ll learn

  • 隆Aprender谩s a programar el ESP32 de manera simple y eficiente!
  • Aprender谩s a programar con PlatformIO IDE, Framework Arduino.
  • Aprender谩s a utilizar Vue 3 “Composition API” en el ESP32, como Frontend.
  • Aprender谩s a utilizar conexiones WIFI, modo AP y Cliente.
  • Aprender谩s a utilizar conexiones MQTT e instalaci贸n de un Br贸ker para pruebas.
  • Creaci贸n de una potente API para comunicar el servidor con diferentes Clientes.
  • Buenas pr谩cticas de programaci贸n y a optimizar tu c贸digo, entre muchas cosas m谩s que te resultar谩n demasiado interesantes.

 

Requirements

  • Conocimientos b谩sicos de programaci贸n con Arduino u otras plataformas de sistemas embebidos.
  • Conocimientos b谩sicos de Vue y todas las caracter铆sticas del Framawork.
  • Una PC con acceso a Internet.
  • Una placa ESP32 en cualquiera de sus formatos de 4MB.
  • Conocimientos b谩sicos de electr贸nica (anal贸gica y digital).
  • Muchas ganas de aprender y de investigar.

 

Description

“VUE32 Admin Tool” potente herramienta de configuraci贸n para el ESP32, te permitir谩 configurar de una manera muy simple el Dispositivo IOT que puedas crear, f谩cilmente aplicable a cualquier proyecto IOT y a cualquier placa ESP32 incluso para las ESP8266, aunque no formara parte del Curso.


En este curso aprenderemos paso a paso como crear su propio servidor web embebido dentro del ESP32, este servidor controla las configuraciones principales de un dispositivo (IOT) y muestra los datos m谩s importantes del mismo en tiempo real y de manera autom谩tica, usando WebSockets.

Realizaremos una API REST en el Servidor Web con las mejoras practicas para la creaci贸n de APIS, esto nos facilitar谩 el uso de nuestro dispositivo sea integrables con otros clientes, Web, APP M贸vil, Software para Escritorio, otros dispositivos y programas.

Conexiones con Br贸ker MQTT e instalaci贸n de un br贸ker de pruebas, EMQX donde conectaremos el dispositivo y nos permitir谩 realizar las pruebas de conexiones con el Cloud, parametrizaciones en el dispositivo donde podremos tener todas las principales configuraciones del protocolo.

Conexi贸n a la red WiFi, modo Cliente y Modo AP, optimizaciones y algoritmos de permanencia de la conexi贸n.

Conexiones con Sockets, envi贸 de comandos y datos en tiempo real.

Mucho contenido de programaci贸n Web, JavaScript, VUE,  C++, y otras tecnolog铆as como JSON para la comunicaci贸n entre el cliente y el servidor.

Aprenderemos a subir archivos al servidor VUE32, realizar una interfaz para actualizar el firmware y exportar e importar archivos de configuraciones del dispositivo.


Estaremos agregando m谩s clases donde utilizaremos m谩s m贸dulos, sensores, actuadores esto ya en el M贸dulo de Bonus, donde veremos mas proyectos reales que podr铆amos adaptar al VUE32 Admin Tool, ya que este solo es el punto de partida para poder desarrollar dispositivos incre铆bles m谩s profesionales y con car谩cter comercial utilizando esta potente herramienta.


Los invito a adquirir este curso donde van, aprender de configuraciones web en el ESP32 y el Framework de JavaScript Vue.js versi贸n 3 “Composition API”.


Muchas Gracias.

Ing. Yamir Hidalgo Pe帽a.




 

Who this course is for

  • Cualquier persona con ganas de realizar un emprendimiento comercial en la creaci贸n de dispositivos controlados por internet.
  • Cualquier persona con ganas de crear un dispositivo (IOT) con su propio servidor web usando el ESP32.
  • Cualquier persona interesada en agregar un control avanzado a su proyecto de grado: Estudiantes de electr贸nica, electricidad y ciencias de la computaci贸n, etc., adem谩s de cualquier persona que hace proyectos personales.
  • Cualquier persona interesada en conectar su proyecto a internet con una soluci贸n de bajo presupuesto.
  • Todo p煤blico interesado en la Tecnolog铆a, el (IOT), electr贸nica.
  • Interesados en construir productos (IOT) para la casa, oficina, empresa, etc.
  • Estudiantes de ingenier铆a, Electr贸nica, programaci贸n, Rob贸tica, y ramas afines.

 

Course content

  • Introducci贸n
    • CUP脫N – MAYO-02 – 9.99 USD – Caduca el 21 de Mayo 2022
    • Introducci贸n al VUE32 Admin Tool.
    • P谩gina de Inicio VUE32 Admin Tool.
    • Configuraci贸n Redes Inal谩mbricas (WiFi) VUE32 Admin Tool.
    • Configuraci贸n Plataforma Cloud (MQTT) VUE32 Admin Tool.
    • P谩gina de Configuraci贸n del Dispositivo VUE32 Admin Tool.
    • Reiniciar y Salir de la Web VUE32 Admin Tool.
    • Pruebas de la API con Postman VUE32 Admin Tool.
    • Como hacer preguntas en el Curso.
    • Calificaciones del Curso.
  • Secci贸n 1 鈥 Instalaciones Necesarias, ESP32 y Vue.js
    • Instalaci贸n de NodeJS – Vue32 Admin Tool
    • Instalaci贸n de Visual Studio Code – Vue32 Admin Tool
    • Instalaci贸n de Postman – Vue32 Admin Tool
    • Instalaci贸n de Vue CLI – Vue32 Admin Tool
    • Instalaci贸n de Extensiones Visual Studio Code – Vue32 Admin Tool
    • Instalaci贸n de Extensiones para el Navegador – Vue32 Admin Tool
    • Link de descarga de Programas y Extensiones.
  • Inicio del Proyecto con PlatformIO, maquetado del proyecto, conexi贸n WiFi.
    • Inicio de la programaci贸n en el ESP32 – Vue32 Admin Tool
    • Platformio.ini – Vue32 Admin Tool
    • Platformio.ini – Particiones (default_ota.csv) – Vue32 Admin Tool
    • Estructurando el Proyecto – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi bases – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi (settings.json) – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi (settings.json – Reset) – Vue32 Admin
    • Programaci贸n de la conexi贸n al WiFi (settings.json – Save) – Vue32 Admin
    • Programaci贸n de la conexi贸n al WiFi (Setup) – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi ( LED WiFi-MQTT ) – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi AP – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi Cliente – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi Loop Principal – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi Loop AP – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi Primera Conexi贸n – Vue32 Admin Tool
    • Programaci贸n de la conexi贸n al WiFi Primera Conexi贸n Cliente – Vue32 Admin
    • Descarga del c贸digo de la Secci贸n WIFI Vue32 Admin Tool
  • Conexi贸n MQTT, Instalaci贸n del Br贸ker EMQX para pruebas de la Secci贸n.
    • MQTT Br贸ker Inicio – Vue32 Admin Tool
    • MQTT Br贸ker Instalaci贸n Ubuntu – Vue32 Admin Tool.
    • MQTT Br贸ker Instalaci贸n Abrir Puertos en Hestia – Vue32 Admin Tool.
    • MQTT Br贸ker Instalaci贸n Abrir Puertos en Oracle – Vue32 Admin Tool.
    • MQTT Br贸ker Iniciar el Br贸ker EMQX – Vue32 Admin Tool.
    • MQTT Br贸ker Certificados SSL al Br贸ker EMQX – Vue32 Admin Tool.
    • MQTT Br贸ker Certificados SSL al Dashboard Br贸ker EMQX – Vue32 Admin Tool.
    • MQTT Br贸ker Reglas de Usuarios Br贸ker EMQX – Vue32 Admin Tool.
    • MQTT Br贸ker Reglas ACL Br贸ker EMQX – Vue32 Admin Tool.
    • MQTT Instalar en Windows Br贸ker EMQX – Vue32 Admin Tool.
    • MQTT Documentaci贸n Utilizada – Vue32 Admin Tool.
    • Iniciando la programaci贸n al MQTT – Vue32 Admin Tool
    • Programaci贸n MQTT Loop – Vue32 Admin Tool
    • Programaci贸n MQTT Funci贸n Connect – Vue32 Admin Tool
    • Programaci贸n MQTT Mensajes entrantes – Vue32 Admin Tool
    • Programaci贸n MQTT Mensajes Salientes – Vue32 Admin Tool
    • Programaci贸n MQTT Funci贸n JSON – Vue32 Admin Tool
    • Programaci贸n MQTT Primera conexi贸n al MQTT – Vue32 Admin Tool
    • Programaci贸n MQTT ESP32 Conectado – Vue32 Admin Tool
    • Bonus Conexi贸n del ESP32 por TLS en EMQX Br贸ker – CLASE EXTRA
    • Descarga del c贸digo de la Secci贸n MQTT Vue32 Admin Tool
  • Inicio servidor Web en el ESP32, creaci贸n de una API REST, uso de Postman.
    • API Introducci贸n – Vue32 Admin Tool
    • API REST Consejos para crear una buena API – Vue32 Admin Tool
    • VUE32 API Arquitectura de nuestra API – Vue32 Admin Tool
    • API Librer铆a AsyncWebServer – Vue32 Admin Tool
    • API Instalando la Librer铆a AsyncWebServer – Vue32 Admin Tool
    • API GET INDEX INICIO – Vue32 Admin Tool
    • API GET INDEX – Postman TEST – Vue32 Admin Tool
    • API GET WIFI – Vue32 Admin Tool
    • API PUT WIFI – Vue32 Admin Tool
    • API GET SCAN – Vue32 Admin Tool
    • API GET CLOUD – Vue32 Admin Tool
    • API PUT CLOUD CONNECTION – Vue32 Admin Tool
    • API PUT CLOUD DATOS – Vue32 Admin Tool
    • API GET DEVICE ID – Vue32 Admin Tool
    • API PUT DEVICE ID – Vue32 Admin Tool
    • API PUT USER AND PASSWORD – Vue32 Admin Tool
    • API GET SETTINGS.JSON – Vue32 Admin Tool
    • API POST SETTINGS.JSON – Vue32 Admin Tool
    • API POST FIRMWARE AND SPIFFS UPDATE – Vue32 Admin Tool
    • API DELETE LOGOUT – Vue32 Admin Tool
    • API ERROR 404 – Vue32 Admin Tool
    • Descarga del c贸digo de la Secci贸n API REST Vue32 Admin Tool
  • Plantilla HTML, maquetado para el proyecto.
    • Plantilla HTML Admin Template + Descarga – Vue32 Admin Tool
    • Plantilla HTML VUE32 Admin Tool + Descarga – Vue32 Admin Tool
  • Subir el HTML al ESP32, integraci贸n con el servidor Web, optimizaciones.
    • En edici贸n….
  • Aplicaciones, entradas y salidas digitales, perif茅ricos, otros.
    • En edici贸n….

 

馃嚜馃嚫 VUE32 Admin Tool ( Servidor Web ) con Vue.js y el ESP32 IOT.馃嚜馃嚫 VUE32 Admin Tool ( Servidor Web ) con Vue.js y el ESP32 IOT.

Time remaining or 239 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate