Mostrar text en OLED a través d'Internet: 9 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:11

Hola i benvinguts, aquest breu tutorial us ensenyarà a mostrar text en un Magicbit mitjançant Magicblocks.

Hi ha dos mètodes principals per assolir aquest objectiu;

1. Mitjançant l’ús d’Inject Block.
2. Mitjançant l’ús de Dashboard.

Primer de tot, inicieu sessió al vostre compte de Magicblocks, Magicblocks és un programari de programació visual fàcil per programar el vostre Magicbit. Qualsevol persona pot programar el seu micro controlador mitjançant magicblocks.io i no cal tenir coneixements de programació. Podeu inscriure-us gratuïtament.

Inicieu i obriu el pati.

A continuació, assegureu-vos que el Magicbit estigui connectat a Internet, connectat i connectat al vostre compte mitjançant el Gestor de dispositius.

Tot fet? a continuació, desplaceu-vos cap avall fins al mètode 1

Pas 1: Llista d'elements necessaris

Magicbit: Magicbit és una plataforma de desenvolupament integrada basada en ESP32 per a l’aprenentatge, prototipatge, codificació, electrònica, robòtica, IoT i disseny de solucions

Pas 2: Configuració del bloc d'injecció [mètode 1]

1. Arrossegueu i deixeu anar el bloc Injecta des de la secció de nodes d’entrada a l’esquerra de la pantalla fins al Flux.
2. Feu doble clic al bloc i seleccioneu el tipus de càrrega útil al menú desplegable fins a una entrada de text (cadena).
3. A continuació, escriviu el text que heu de mostrar al Magicbit.

Pas 3: Configuració del bloc de visualització [mètode 1]

1. Arrossegueu i deixeu anar el bloc de visualització des de la secció de nodes Magicbit a l'esquerra de la pantalla fins al flux.
2. Feu doble clic al bloc de visualització i escriviu o enganxeu el vostre identificador de dispositiu únic a la pestanya Administrador de dispositius del vostre compte Magicblocks. [Això enllaçarà el bloc de visualització amb la pantalla Magicbit]

Pas 4: [Opcional] Importeu ja els nodes de configuració

Si teniu problemes per configurar nodes, podeu utilitzar la funció d’importació a Magicblocks per obtenir els nodes que ja s’han configurat.

Primer copieu aquest codi al porta-retalls;

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

• Feu clic al menú d'opcions a l'extrem superior dret de la pantalla.
• A continuació, passeu el cursor per sobre del submenú Importa.
• A continuació, feu clic a Portapapers i enganxeu el codi al portapapers al camp de text
• Seleccioneu el flux actual o el flux nou i feu clic a Importa.

IMPORTANT

Assegureu-vos que escriviu l'identificador del dispositiu a les propietats del node de visualització i escriviu el text que necessiteu dins del node d'injecció.

Pas 5: Finalment desplegar els blocs [mètode 1]

1. Connecteu el bloc d'injecció amb el node de visualització.
2. Feu clic al botó Implementa a l'extrem superior dret de la pantalla.
3. Després de desplegar-lo, feu clic al quadre esquerre del bloc d'injecció per activar-lo i es mostrarà el text introduït al bloc d'injecció.

Resolució de problemes

1. Comproveu si apareix connectat a sota del bloc de visualització si no torneu a comprovar l'identificador del dispositiu que heu escrit al bloc de visualització.
2. Comproveu si el Magicbit està connectat a Internet.

Pas 6: Configuració del bloc d'entrada de text [mètode 2]

1. Arrossegueu i deixeu anar el bloc d’entrada de text des de la secció de nodes del tauler de control fins al flux.
2. Feu doble clic al node d’entrada de text i configureu una interfície d’usuari bàsica del tauler [interfície d’usuari] al menú desplegable i un nom per al vostre camp.
3. Seleccioneu el mode com a entrada de text al menú desplegable.

Pas 7: Configuració del bloc de visualització [mètode 2]

1. Arrossegueu i deixeu anar el bloc de visualització des de la secció de nodes Magicbit a l'esquerra de la pantalla fins al flux.
2. Feu doble clic al bloc de visualització i escriviu o enganxeu el vostre identificador de dispositiu únic a la pestanya Administrador de dispositius del vostre compte Magicblocks. [Això enllaçarà el bloc de visualització amb la pantalla Magicbit]

Pas 8: [Opcional] Importeu ja els nodes de configuració

Si teniu problemes per configurar nodes, podeu utilitzar la funció d’importació a Magicblocks per obtenir els nodes que ja s’han configurat.

Primer copieu aquest codi al porta-retalls;

[{"id": "458b634b.ddbbbc", "type": "ui_text_input", "z": "b4f698b2.ff2c68", "name": "", "label": "Text d'entrada", "grup": "64afd566.2c4e9c", "ordre": 0, "amplada": 0, "alçada": 0, "passthru": cert, "mode": "text", "retard": 300, "tema": "", "x": 180, "y": 300, "wires":

• Feu clic al menú d'opcions a l'extrem superior dret de la pantalla.
• A continuació, passeu el cursor per sobre del submenú Importa.
• A continuació, feu clic a Portapapers i enganxeu el codi al portapapers al camp de text
• Seleccioneu el flux actual o el flux nou i feu clic a Importa.

IMPORTANT

Assegureu-vos d’escriure l’identificador del dispositiu a les propietats del node de visualització.

Pas 9: desplegar finalment els blocs i utilitzar la interfície d’usuari del tauler per accedir-hi [mètode 2]

1. Connecteu el bloc d’entrada de text amb el node de visualització.
2. Feu clic al botó Implementa a l'extrem superior dret de la pantalla.
3. Després del desplegament, aneu a la interfície d'usuari del tauler fent clic a l'enllaç a l'URL del tauler a l'extrem superior dret de la pantalla.
4. Al tauler de control, podeu escriure el text al camp que heu creat mitjançant el bloc d’entrada de text, que mostrarà aquest text al vostre Magicbit.
5. Copieu l'URL del vostre tauler i s'hi pot accedir a través d'Internet per mostrar text a la pantalla Magicbit des de qualsevol part del món.

Resolució de problemes

1. Comproveu si apareix connectat a sota del bloc de visualització si no torneu a comprovar l'identificador de dispositiu que heu escrit al bloc de visualització.
2. Comproveu si el Magicbit està connectat a Internet.
3. Comproveu si esteu escrivint el text al camp de text enllaçat correctament i també al tauler de control correcte que heu creat

Si necessiteu ajuda o no podreu entendre un pas, no oblideu consultar el nostre vídeo de YouTube fent clic aquí: Vídeo de YouTube