iotdata, by Data Frontieriot
data
Programación por bloques

Cómo enviar el programa a la placa por USB, directo desde el navegador

Cómo el navegador se comunica con la placa mediante Web Serial, qué necesita el ESP32 antes de recibir el programa, cómo llevar el código al Arduino Nano con el Arduino IDE y los problemas más comunes de cable, driver y puerto ocupado.

Ingeniería Data Frontier· Publicado el 22 de octubre de 2026

El IDE de bloques funciona en el navegador y, aun así, puede grabar el programa en una placa conectada por cable USB. Lo que lo hace posible es Web Serial, una función de las versiones para computadora de Google Chrome y Microsoft Edge que permite que una página se comunique con un puerto serie, con el permiso de quien la está usando.

Cómo el navegador se comunica con la placa

  1. Usted hace clic en Conectar placa en el IDE.
  2. El navegador abre su propia ventana con los puertos serie disponibles. La página no ve ningún puerto antes de que usted elija uno; es una regla de seguridad del navegador.
  3. Usted elige el puerto de la placa y el IDE se comunica con ella hasta que usted la desconecte o cierre la pestaña.

Firefox y Safari no tienen Web Serial, y en el iPad y el iPhone no existe. En esos casos, el IDE sigue armando el programa y ofrece el código para descargar.

ESP32: primero, MicroPython

El ESP32 sale de fábrica sin MicroPython. Antes del primer envío, hay que grabar el firmware de MicroPython en la placa, una sola vez. Los caminos más comunes:

  • Desde el sitio de MicroPython: descargue el firmware de su placa en micropython.org y grábelo con la herramienta esptool.
  • Con Thonny: el editor Thonny tiene un instalador de MicroPython para ESP32 en la configuración del intérprete.

Con MicroPython grabado, el envío desde el IDE funciona así:

  1. El IDE interrumpe el programa que se esté ejecutando.
  2. Graba el nuevo programa en la memoria de la placa como main.py.
  3. Reinicia la placa, que pasa a ejecutar el programa nuevo.

Como el programa queda guardado como main.py, se ejecuta cada vez que la placa se enciende, incluso desconectada de la computadora y alimentada por una fuente.

Arduino Nano: con el Arduino IDE

El Nano necesita un programa compilado, y la compilación de C++ no se hace en el navegador. Hoy, el IDE de bloques genera el código C++ completo y lo entrega de dos maneras: copiado al portapapeles o como archivo .ino para descargar. A partir de ahí:

  1. Abra el archivo en el Arduino IDE.
  2. En Herramientas, elija la placa Arduino Nano y el puerto.
  3. En Procesador, elija ATmega328P. Si el envío falla con un error de sincronización, pruebe ATmega328P (Old Bootloader): muchos Nano compatibles salen con el bootloader antiguo.
  4. Haga clic en Subir.

La biblioteca Servo, que usa el código, ya viene instalada con el Arduino IDE.

Los problemas más comunes

El puerto no aparece.

  • Cable solo de carga. Muchos cables USB baratos solo tienen los hilos de alimentación. La placa se enciende y la computadora no la detecta. Cambie el cable antes que cualquier otra cosa.
  • Driver. Las placas con el conversor CH340 (común en el Nano compatible y en varios ESP32) o CP2102 pueden pedir el driver del fabricante del chip en Windows.

El puerto aparece, pero la conexión falla.

  • Puerto ocupado. Solo un programa a la vez puede usar el puerto. Cierre el monitor serie del Arduino IDE, Thonny u otra pestaña con el IDE abierto.

El ESP32 no responde.

  • Confirme que MicroPython está grabado: sin él, la placa no entiende los comandos.
  • Algunas placas requieren mantener presionado el botón BOOT durante la grabación del firmware, pero no durante el envío del programa.

La placa se reinicia cuando se mueven los servos.

Listo para el primer envío

Abra el IDE de bloques, elija la placa, arme una tarjeta de pitido y envíela. Si el buzzer pita, el camino entre el navegador y el robot está funcionando.