Visa text på OLED via Internet: 9 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:38

Hej och välkommen! Denna korta handledning lär dig att visa text på en Magicbit med hjälp av Magicblocks.

Det finns två huvudmetoder för att uppnå detta mål;

1. Genom att använda Inject Block.
2. Genom att använda Dashboard.

Först och främst logga in på ditt Magicblocks -konto, Magicblocks är en enkel visuell programmeringsprogramvara för att programmera din magicbit. Vem som helst kan programmera sin mikrokontroller med hjälp av magicblocks.io och det behövs ingen programmeringskunskap. Du kan registrera dig gratis.

Starta och öppna lekplatsen.

Se sedan till att din Magicbit är ansluten till internet och inkopplad och även kopplad till ditt konto via Enhetshanteraren.

Klart? rulla sedan ner till metod 1

Steg 1: Lista över objekt som krävs

Magicbit: Magicbit är en integrerad utvecklingsplattform baserad på ESP32 för inlärning, prototyper, kodning, elektronik, robotik, IoT och lösningsdesign

Steg 2: Konfigurera injektionsblocket [Metod 1]

1. Dra och släpp injektionsblocket från inmatningsnoderna till vänster på skärmen till flödet.
2. Dubbelklicka på blocket och välj typ av nyttolast från rullgardinsmenyn till en textinmatning (sträng).
3. Nästa typ i texten du behöver visa på Magicbit.

Steg 3: Konfigurera displayblocket [Metod 1]

1. Dra och släpp Display -blocket från Magicbit -noder -sektionen till vänster på skärmen till flödet.
2. Dubbelklicka på displayblocket och skriv in eller klistra in ditt unika enhets-ID från fliken Enhetshanteraren på ditt Magicblocks-konto. [Detta länkar displayblocket till din Magicbit -skärm]

Steg 4: [Valfritt] Importera redan installerade noder

Om du hade problem med att konfigurera noder kan du använda importfunktionen i Magicblocks för att få de noder som redan har konfigurerats.

Kopiera först den här koden till ditt urklipp;

[{"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":

• Klicka på alternativmenyn i det övre högra hörnet av skärmen.
• Håll sedan markören över importmenyn.
• Klicka sedan på Urklipp och klistra in koden på ditt urklipp i textfältet
• Välj aktuellt flöde eller nytt flöde och klicka på Importera.

VIKTIG

Se till att du skriver ditt enhets -ID på displaynodens egenskaper och skriver texten du behöver inuti injiceringsnoden.

Steg 5: Slutligen distribuera blocken [Metod 1]

1. Anslut injektionsblocket med displaynoden.
2. Klicka på knappen Distribuera i det övre högra hörnet av skärmen.
3. Efter att ha distribuerat klickar du på rutan till vänster om injiceringsblocket för att aktivera det. Då visas texten som skrivs in i injektionsblocket.

Felsökning

1. Kontrollera om det visas anslutet under bildskärmsblocket om inte kontrollera enhets -id som du skrev in i displayblocket.
2. Kontrollera om din Magicbit är ansluten till internet.

Steg 6: Konfigurera textinmatningsblocket [Metod 2]

1. Dra och släpp textinmatningsblocket från sektionen instrumentpanelsnoder till flödet.
2. Dubbelklicka på textinmatningsnoden och skapa en grundläggande instrumentpanel ui [användargränssnitt] från rullgardinsmenyn och ett namn för ditt fält.
3. Välj Läge som textinmatning från rullgardinsmenyn.

Steg 7: Konfigurera bildskärmsblocket [Metod 2]

1. Dra och släpp displayblocket från Magicbit -noder till vänster på skärmen till flödet.
2. Dubbelklicka på displayblocket och skriv eller klistra in ditt unika enhets-ID från fliken Enhetshanteraren på ditt Magicblocks-konto. [Detta länkar displayblocket till din Magicbit -skärm]

Steg 8: [Valfritt] Importera redan installerade noder

Om du hade problem med att konfigurera noder kan du använda importfunktionen i Magicblocks för att få de noder som redan har konfigurerats.

Kopiera först den här koden till ditt urklipp;

[{"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, "wires":

• Klicka på alternativmenyn i det övre högra hörnet av skärmen.
• Håll sedan markören över importmenyn.
• Klicka sedan på Urklipp och klistra in koden på ditt urklipp i textfältet
• Välj aktuellt flöde eller nytt flöde och klicka på Importera.

VIKTIG

Se till att du skriver ditt enhets -ID på displaynodens egenskaper.

Steg 9: Slutligen distribuera blocken och använda instrumentpanelens gränssnitt för att komma åt det [Metod 2]

1. Anslut textinmatningsblocket med displaynoden.
2. Klicka på knappen Distribuera i det övre högra hörnet av skärmen.
3. Efter installationen går du till instrumentpanelens gränssnitt genom att klicka på länken till instrumentpanelens URL i det övre högra hörnet av skärmen.
4. På instrumentpanelen kan du skriva din text i fältet du skapade med hjälp av textinmatningsblocket så visas den texten på din Magicbit.
5. Kopiera din Dashboard -URL och den kan nås via internet för att visa text på din Magicbit -skärm var som helst i världen.

Felsökning

1. Kontrollera om det visas anslutet under bildskärmsblocket om inte kontrollera enhets -id som du skrev in i displayblocket.
2. Kontrollera om din Magicbit är ansluten till internet.
3. Kontrollera om du skriver texten i det rätt länkade textfältet och även i rätt instrumentpanel som du skapade

Om du behöver hjälp eller inte förstår ett steg, se till att kolla in vår youtube -video genom att klicka här: Youtube Video