Mostrar texto en OLED a través de Internet: 9 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:40

Hola y bienvenido, este breve tutorial le enseñará a mostrar texto en un Magicbit usando Magicblocks.

Hay 2 métodos principales para lograr este objetivo;

1. Utilizando Inject Block.
2. Utilizando Dashboard.

En primer lugar, inicie sesión en su cuenta de Magicblocks, Magicblocks es un sencillo software de programación visual para programar su magicbit. Cualquiera puede programar su microcontrolador usando magicblocks.io y no es necesario tener conocimientos de programación. Puedes registrarte gratis.

Inicie y abra el patio de juegos.

Luego, asegúrese de que su Magicbit esté conectado a Internet y enchufado y también vinculado a su cuenta a través del Administrador de dispositivos.

¿Todo listo? luego desplácese hacia abajo hasta el Método 1

Paso 1: Lista de elementos necesarios

Magicbit: Magicbit es una plataforma de desarrollo integrada basada en ESP32 para aprendizaje, creación de prototipos, codificación, electrónica, robótica, IoT y diseño de soluciones

Paso 2: Configuración del bloque de inyección [Método 1]

1. Arrastre y suelte el bloque Inyectar desde la sección de nodos de entrada a la izquierda de la pantalla hasta el flujo.
2. Haga doble clic en el bloque y seleccione el tipo de carga útil del menú desplegable a una entrada de texto (cadena).
3. A continuación, escriba el texto que necesita mostrar en el Magicbit.

Paso 3: Configuración del bloque de visualización [Método 1]

1. Arrastre y suelte el bloque Display desde la sección de nodos Magicbit a la izquierda de la pantalla hasta el flujo.
2. Haga doble clic en el bloque de visualización y escriba o pegue su ID de dispositivo único desde la pestaña Administrador de dispositivos en su cuenta de Magicblocks. [Esto vinculará el bloque de pantalla con su pantalla Magicbit]

Paso 4: [Opcional] Importar nodos ya configurados

Si tuvo problemas para configurar los nodos, puede usar la función de importación en Magicblocks para obtener los nodos que ya se han configurado.

Primero copie este código en su portapapeles;

[{"id": "26470285.48c0ee", "type": "inject", "z": "b4f698b2.ff2c68", "name": "", "topic": "", "payload": "", "payloadType": "str", "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "x": 190, "y": 160, "cables":

• Haga clic en el menú de opciones en la esquina superior derecha de la pantalla.
• A continuación, coloque el cursor sobre el submenú Importar.
• Luego haga clic en Portapapeles y pegue el código en su portapapeles en el campo de texto
• Seleccione el flujo actual o el nuevo flujo y haga clic en Importar.

IMPORTANTE

Asegúrese de escribir la identificación de su dispositivo en las propiedades del nodo de visualización y escriba el texto que necesita dentro del nodo de inyección.

Paso 5: Implementar finalmente los bloques [Método 1]

1. Conecte el bloque de inyección con el nodo de visualización.
2. Haga clic en el botón Implementar en la esquina superior derecha de la pantalla.
3. Después de implementar, haga clic en el cuadro del lado izquierdo del bloque de inyección para activarlo y esto mostrará el texto escrito en el bloque de inyección.

Solución de problemas

1. Verifique si se muestra conectado debajo del bloque de pantalla; si no, vuelva a verificar la identificación del dispositivo que ingresó en el bloque de pantalla.
2. Compruebe si su Magicbit está conectado a Internet.

Paso 6: Configuración del bloque de entrada de texto [Método 2]

1. Arrastre y suelte el bloque de entrada de texto desde la sección de nodos del tablero al flujo.
2. Haga doble clic en el nodo de entrada de texto y configure una interfaz de usuario básica del panel de control en el menú desplegable y un nombre para su campo.
3. Seleccione el Modo como entrada de texto en el menú desplegable.

Paso 7: Configuración del bloque de visualización [Método 2]

1. Arrastre y suelte el bloque Display desde la sección de nodos Magicbit a la izquierda de la pantalla hasta el flujo.
2. Haga doble clic en el bloque de visualización y escriba o pegue su ID de dispositivo único desde la pestaña Administrador de dispositivos en su cuenta de Magicblocks. [Esto vinculará el bloque de pantalla con su pantalla Magicbit]

Paso 8: [Opcional] Importar nodos ya configurados

Si tuvo problemas para configurar los nodos, puede usar la función de importación en Magicblocks para obtener los nodos que ya se han configurado.

Primero copie este código en su portapapeles;

[{"id": "458b634b.ddbbbc", "type": "ui_text_input", "z": "b4f698b2.ff2c68", "name": "", "label": "Input Text", "group": "64afd566.2c4e9c", "order": 0, "width": 0, "height": 0, "passthru": true, "mode": "text", "delay": 300, "topic": "", "x": 180, "y": 300, "cables":

• Haga clic en el menú de opciones en la esquina superior derecha de la pantalla.
• A continuación, coloque el cursor sobre el submenú Importar.
• Luego haga clic en Portapapeles y pegue el código en su portapapeles en el campo de texto
• Seleccione el flujo actual o el nuevo flujo y haga clic en Importar.

IMPORTANTE

Asegúrese de escribir la identificación de su dispositivo en las propiedades del nodo de visualización.

Paso 9: finalmente implementar los bloques y usar la interfaz de usuario del panel para acceder a ellos [Método 2]

1. Conecte el bloque de entrada de texto con el nodo de visualización.
2. Haga clic en el botón Implementar en la esquina superior derecha de la pantalla.
3. Después de la implementación, vaya a la interfaz de usuario del panel de control haciendo clic en el enlace a la URL del panel de control en la esquina superior derecha de la pantalla.
4. En el Tablero, puede escribir su texto en el campo que creó usando el bloque de entrada de texto y esto mostrará ese texto en su Magicbit.
5. Copie la URL de su tablero y se puede acceder a ella a través de Internet para mostrar texto en su pantalla Magicbit desde cualquier parte del mundo.

Solución de problemas

1. Verifique si se muestra conectado debajo del bloque de pantalla; si no, vuelva a verificar la identificación del dispositivo que ingresó en el bloque de pantalla.
2. Compruebe si su Magicbit está conectado a Internet.
3. Compruebe si está escribiendo el texto en el campo de texto correctamente vinculado y también en el panel de control correcto que creó

Si necesita ayuda o no pudo entender un paso, asegúrese de ver nuestro video de youtube haciendo clic aquí: Video de Youtube