Se trata del uso de microcontroladores con capacidad Wifi, para el estudio de diseño WEB: HTML, CSS y JS mediante la electrónica gracias a MicroPython y el Framework Microdot el cuál se encuentra bien documentado inspirado en Flask pero para Microcontroladores, se ha realizado con un Microcontrolador RP2350 + Wi-Fi b/g/n and Bluetooth via CYW43439, luego se lo hizo compatible con ESP32. Por lo tanto, se pueden usar una gran variedad de microcontroladores dentro de las 2 Marcas, Raspberry Pi(RP2350 y RP2040+CYW43439) o Espressif ESP32), en este último la variedad de modelos es importante: S, S2, S3, C3, C5, C6, C61.
- En el root del microcontrolador se copian las carpetas
red,static,microdot, los archivosplantilla_main.py,plantilla_electronica.pyyplantilla_conectar,py. - Microdot es un Framework inspirado en Flask.
- Red contiene una simple librería que se encarga de la conexión a la red Wifi. Lo único que debemos editar es el archivo
secrets.pypara indicar el ssid y el psk o varios de ellos si nos movemos a diferentes lugares. De usar otros ssid se debe agregar el número de cual para de credenciales vamos a usar, es útil cuando tenemos varias redes y no queremos andar cambiando los datos. - Static contiene los archivos servidos por el servidor que corre Microdot. En
index.htmltenemos lo básico con un ejemplo en el body, que se borrará al iniciar un proyecto. Para manejar la estetica tenemos elstyle.cssque readecuaremos a nuestro proyecto. Mientras queapp.jsse encargará de hacer ese puente entre el backend del servidor y la electrónica realizada con MicroPython en el archivoplantilla_electronica.pyque es un ejemplo muy básico que también cambiaremos al realizar el proyecto, pero algo habia que mostrar! - El archivo
plantilla_electronica.pyno es más que un código rudimentario transformado en Clase para que se le puedan agregar más métodos y ser reutilizado, ya que un simple on, off sirve para cualquier tipo de dispositivo de salida. - El archivo
plantilla_main.pyes nuestro programa principal, el cual llama al resto de archivos y librerías, contiene un ejemplo básico de encendido y apagado, para mostrar la interacción JS-electrónica y una radio embebida solo para mostrar que la programación básica de cualquier curso HTML será posible. Para cualquier elemento incapaz de ser ejecutado por el microcontrolador respecto a diseño web, se pueden usar CDNs que nos den eso que no es capaz de bancarse el microcontrolador. Por otro lado, se muestra el código de Microdot, el cual es solo un ruteo por cada acción que necesitemos, el cual puede ser simplemente otro html para mostrar o rutas que manejan las funciones del código de MicroPython para ser usadas por JS. - El archivo
plantilla_conectar.pyes para iniciar un nuevoproyecto.pydesde prácticamente cero, con rutas básicas y el servidor funcionando. Es un archivo opcional con solo unas líneas menos que el de main. Tambien sirve para solo hacerte un curso de HTML, CSS, JS sin entretenerte con electrónica.