Mini-Curso de Internet de las cosas Full-ALSW - Bodega Video #3 · NocheProgramacion // ChepeCarlos Mini-Curso de Internet de las cosas Full-ALSW | NocheProgramacion // ChepeCarlos

Mini-Curso de Internet de las cosas Full-ALSW

Bodega Video #3

En este mini Curso aprenderán como comunicar un Arduino (ESP32 o ESP8266) con una pagina web en GithubPage usando MQTT con este que es nuestro agradecimiento por llegas a 6000 maker :D

==========================================================

Cuentas necesarias

  1. github para Repositorio de codigo y hosting de pagina web
  2. shiftr.io Broker de MQTT

Software Necesarios

  1. Instalar Arduino ESP32 y Arduino ESP8266
    • Installar Arduino IDE 1.8 o superior
    • Abir Preferencia de Archivo>Preferencia
    • Pegar en “Gestos de URLs Adicionales de tarjeta” esta url https://dl.espressif.com/dl/package_esp32_dev_index.json,http://arduino.esp8266.com/stable/package_esp8266com_index.json,https://raw.githubusercontent.com/sparkfun/Arduino_Boards/master/IDE_Board_Manager/package_sparkfun_index.json
    • Instalar hardware Extra, Heramientas»Placas»Gestos de Tarjetas..
    • Buscar e instalar ESP8266 y ESP32
    • Instalar Driver FTDI y reiniciar la pc
    • Instalar MQTT de Librerias
  2. Instalar ATOM
    • Descargar AtoM IDE
    • Instalar Plugin Extra, Edit»Preferencia»Install
      • atom-beautify
      • aton-live-server
      • desables
        • aton-terjs
        • file-icons
        • minimap
  3. Navegador
    • Firefox o Google Chrome
  4. Git
  • Descargar Git
  1. Aceeso a WiFi
    • Pueto
      • 80 y 8080
      • 1883 0 8883(MQTT o MQTTS)

Pasos

  1. Github Crear Repositorio
    • Crear Repositorio en Github
    • Clonas en Atom (ctrl-shift-P)
    • Editar Read.md usando Markdown
    • Agregar mas informacion
    • Confirmar codigo (commit, pull, push)
  • Configurar Git
  1. P5.js
  • P5.dom » CDN (Red de distribución de contenidos)
    • index.html y sketch.js Copia Aqui
    • Subit a Github y Activar a GithubPage
  1. Arduino Configurar
    • ESP32 y ESP8266
      • #define cual es cual?
    • MultiWifi me voy con quien encuentre :3
  • Un Led indicador
  1. MQTT
    • Protocolo
      • Broker - shiftr.io
        • Mosquitto
      • Topic
        • /Tmp
        • /Robot/Sensor/Temperatura
        • /Robot/Sensor/Humedad
        • /Laboratorio/Piso1/Sensor/Humo
      • Pub - Publicar
      • Sub - Suscribirse
    • Shiftr.io
      • Crear Area de trabajo
      • Crear contraseña y usuario de acceso
  2. MQTT Arduino
    • Hola mundo Boton
      • boolean Estado
    • Cliente MQTT
    • begin(“broker”, cliente);
    • onMessage(“callbas”)
    • connect(“Nombre”, “Usuario”, “Contrasena”);
    • subscribe(“topic”);
    • loop();
    • callbaks
  3. P5.dom
    • Depurador de Navegador
    • Interfaces
      • Crear titulo
      • Crear P
      • Crear Botones
        • callbask
  4. MQTT
  • paho-mqtt » CDN (Red de distribución de contenidos)
  • Codigo de Ejemplo
  1. Subir Pagina a GithubPage