
Table des matières:
- Étape 1: Liste des éléments requis
- Étape 2: Configuration du bloc d'injection [Méthode 1]
- Étape 3: Configuration du bloc d'affichage [Méthode 1]
- Étape 4: [Facultatif] Importer des nœuds déjà configurés
- Étape 5: enfin déployer les blocs [Méthode 1]
- Étape 6: Configuration du bloc de saisie de texte [Méthode 2]
- Étape 7: Configuration du bloc d'affichage [Méthode 2]
- Étape 8: [Facultatif] Importer des nœuds déjà configurés
- Étape 9: enfin déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2]
2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-23 14:45


Bonjour et bienvenue, Ce court tutoriel vous apprendra à afficher du texte sur un Magicbit à l'aide de Magicblocks.
Il existe 2 méthodes principales pour atteindre cet objectif;
- En utilisant Inject Block.
- En utilisant le tableau de bord.
Tout d'abord connectez-vous à votre compte Magicblocks, Magicblocks est un logiciel de programmation visuelle simple pour programmer votre magicbit. N'importe qui peut programmer son microcontrôleur en utilisant magicblocks.io et il n'y a pas besoin de connaissances en programmation. Vous pouvez vous inscrire gratuitement.
Démarrez et ouvrez le terrain de jeu.
Ensuite, assurez-vous que votre Magicbit est connecté à Internet et branché et également lié à votre compte via le Gestionnaire de périphériques.
Terminé? puis faites défiler jusqu'à la méthode 1
Étape 1: Liste des éléments requis
Magicbit: Magicbit est une plate-forme de développement intégrée basée sur ESP32 pour l'apprentissage, le prototypage, le codage, l'électronique, la robotique, l'IoT et la conception de solutions
Étape 2: Configuration du bloc d'injection [Méthode 1]
![Configuration du bloc d'injection [Méthode 1] Configuration du bloc d'injection [Méthode 1]](https://i.howwhatproduce.com/images/003/image-6062-3-j.webp)
- Faites glisser et déposez le bloc Inject de la section des nœuds d'entrée à gauche de l'écran vers le flux.
- Double-cliquez sur le bloc et sélectionnez le type de charge utile dans le menu déroulant vers une entrée de texte (chaîne).
- Tapez ensuite le texte que vous devez afficher sur le Magicbit.
Étape 3: Configuration du bloc d'affichage [Méthode 1]
![Configuration du bloc d'affichage [Méthode 1] Configuration du bloc d'affichage [Méthode 1]](https://i.howwhatproduce.com/images/003/image-6062-4-j.webp)
![Configuration du bloc d'affichage [Méthode 1] Configuration du bloc d'affichage [Méthode 1]](https://i.howwhatproduce.com/images/003/image-6062-5-j.webp)
![Configuration du bloc d'affichage [Méthode 1] Configuration du bloc d'affichage [Méthode 1]](https://i.howwhatproduce.com/images/003/image-6062-6-j.webp)
- Faites glisser et déposez le bloc d'affichage de la section des nœuds Magicbit à gauche de l'écran vers le flux.
- Double-cliquez sur le bloc d'affichage et saisissez ou collez votre identifiant de périphérique unique à partir de l'onglet Gestionnaire de périphériques de votre compte Magicblocks. [Cela liera le bloc d'affichage avec votre affichage Magicbit]
Étape 4: [Facultatif] Importer des nœuds déjà configurés
![[Facultatif] Importer des nœuds déjà configurés [Facultatif] Importer des nœuds déjà configurés](https://i.howwhatproduce.com/images/003/image-6062-7-j.webp)
![[Facultatif] Importer des nœuds déjà configurés [Facultatif] Importer des nœuds déjà configurés](https://i.howwhatproduce.com/images/003/image-6062-8-j.webp)
![[Facultatif] Importer des nœuds déjà configurés [Facultatif] Importer des nœuds déjà configurés](https://i.howwhatproduce.com/images/003/image-6062-9-j.webp)
Si vous avez eu des problèmes pour configurer des nœuds, vous pouvez utiliser la fonction d'importation dans Magicblocks pour obtenir les nœuds qui ont déjà été configurés.
Copiez d'abord ce code dans votre presse-papiers;
[{"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":
- Cliquez sur le menu d'options en haut à droite de l'écran.
- Passez ensuite votre curseur sur le sous-menu Importer.
- Cliquez ensuite sur Presse-papiers et collez le code de votre presse-papiers dans le champ de texte
- Sélectionnez le flux actuel ou le nouveau flux et cliquez sur Importer.
IMPORTANT
Assurez-vous de taper l'identifiant de votre appareil dans les propriétés du nœud d'affichage et tapez le texte dont vous avez besoin à l'intérieur du nœud d'injection.
Étape 5: enfin déployer les blocs [Méthode 1]
![Enfin, déployer les blocs [Méthode 1] Enfin, déployer les blocs [Méthode 1]](https://i.howwhatproduce.com/images/003/image-6062-10-j.webp)
![Enfin, déployer les blocs [Méthode 1] Enfin, déployer les blocs [Méthode 1]](https://i.howwhatproduce.com/images/003/image-6062-11-j.webp)
- Connectez le bloc d'injection au nœud d'affichage.
- Cliquez sur le bouton Déployer dans le coin supérieur droit de l'écran.
- Après le déploiement, cliquez sur la case à gauche du bloc d'injection pour l'activer et cela affichera le texte tapé dans le bloc d'injection.
Dépannage
- Vérifiez s'il apparaît connecté sous le bloc d'affichage, sinon revérifiez l'identifiant de l'appareil que vous avez tapé dans le bloc d'affichage.
- Vérifiez si votre Magicbit est connecté à Internet.
Étape 6: Configuration du bloc de saisie de texte [Méthode 2]
![Configuration du bloc de saisie de texte [Méthode 2] Configuration du bloc de saisie de texte [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-12-j.webp)
![Configuration du bloc de saisie de texte [Méthode 2] Configuration du bloc de saisie de texte [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-13-j.webp)
- Faites glisser et déposez le bloc de saisie de texte de la section des nœuds du tableau de bord vers le flux.
- Double-cliquez sur le nœud de saisie de texte et configurez une interface utilisateur de tableau de bord de base [interface utilisateur] à partir du menu déroulant et un nom pour votre champ.
- Sélectionnez le Mode en tant que saisie de texte dans le menu déroulant.
Étape 7: Configuration du bloc d'affichage [Méthode 2]
![Configuration du bloc d'affichage [Méthode 2] Configuration du bloc d'affichage [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-14-j.webp)
![Configuration du bloc d'affichage [Méthode 2] Configuration du bloc d'affichage [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-15-j.webp)
- Faites glisser et déposez le bloc d'affichage de la section des nœuds Magicbit à gauche de l'écran vers le flux.
- Double-cliquez sur le bloc d'affichage et saisissez ou collez votre identifiant de périphérique unique à partir de l'onglet Gestionnaire de périphériques de votre compte Magicblocks. [Cela liera le bloc d'affichage avec votre affichage Magicbit]
Étape 8: [Facultatif] Importer des nœuds déjà configurés
![[Facultatif] Importer des nœuds déjà configurés [Facultatif] Importer des nœuds déjà configurés](https://i.howwhatproduce.com/images/003/image-6062-16-j.webp)
![[Facultatif] Importer des nœuds déjà configurés [Facultatif] Importer des nœuds déjà configurés](https://i.howwhatproduce.com/images/003/image-6062-17-j.webp)
![[Facultatif] Importer des nœuds déjà configurés [Facultatif] Importer des nœuds déjà configurés](https://i.howwhatproduce.com/images/003/image-6062-18-j.webp)
Si vous avez eu des problèmes pour configurer des nœuds, vous pouvez utiliser la fonction d'importation dans Magicblocks pour obtenir les nœuds qui ont déjà été configurés.
Copiez d'abord ce code dans votre presse-papiers;
[{"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, "fils":
- Cliquez sur le menu d'options en haut à droite de l'écran.
- Passez ensuite votre curseur sur le sous-menu Importer.
- Cliquez ensuite sur Presse-papiers et collez le code de votre presse-papiers dans le champ de texte
- Sélectionnez le flux actuel ou le nouveau flux et cliquez sur Importer.
IMPORTANT
Assurez-vous de saisir l'identifiant de votre appareil dans les propriétés du nœud d'affichage.
Étape 9: enfin déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2]
![Enfin, déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2] Enfin, déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-19-j.webp)
![Enfin, déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2] Enfin, déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-20-j.webp)
![Enfin, déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2] Enfin, déployer les blocs et utiliser l'interface utilisateur du tableau de bord pour y accéder [Méthode 2]](https://i.howwhatproduce.com/images/003/image-6062-21-j.webp)
- Connectez le bloc de saisie de texte au nœud d'affichage.
- Cliquez sur le bouton Déployer dans le coin supérieur droit de l'écran.
- Après le déploiement, accédez à l'interface utilisateur du tableau de bord en cliquant sur le lien vers l'URL du tableau de bord dans le coin supérieur droit de l'écran.
- Sur le tableau de bord, vous pouvez taper votre texte dans le champ que vous avez créé à l'aide du bloc de saisie de texte et cela affichera ce texte sur votre Magicbit.
- Copiez l'URL de votre tableau de bord et vous pourrez y accéder via Internet pour afficher du texte sur votre écran Magicbit depuis n'importe où dans le monde.
Dépannage
- Vérifiez s'il apparaît connecté sous le bloc d'affichage, sinon revérifiez l'identifiant de l'appareil que vous avez tapé dans le bloc d'affichage.
- Vérifiez si votre Magicbit est connecté à Internet.
- Vérifiez si vous tapez le texte dans le champ de texte correctement lié et également dans le bon tableau de bord que vous avez créé
Si vous avez besoin d'aide ou si vous ne comprenez pas une étape, assurez-vous de consulter notre vidéo youtube en cliquant ici: Vidéo Youtube
Conseillé:
Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino : 6 étapes

Comment afficher du texte sur M5StickC ESP32 à l'aide de Visuino: Dans ce didacticiel, nous apprendrons à programmer ESP32 M5Stack StickC avec Arduino IDE et Visuino pour afficher n'importe quel texte sur l'écran LCD
Comment faire défiler le TEXTE sur I2C 0.91" 128X32 OLED DISPLAY: 6 étapes

Comment faire défiler le TEXTE sur I2C 0.91" 128X32 OLED DISPLAY: Dans ce tutoriel, nous allons apprendre à faire défiler le TEXTE sur I2C 0.91" 128X32 OLED DISPLAY à l'aide des logiciels Arduino et Visuino.Regardez la vidéo
Programmation d'un Arduino à l'aide d'un autre Arduino pour afficher un texte défilant sans bibliothèque : 5 étapes

Programmation d'un Arduino à l'aide d'un autre Arduino pour afficher un texte défilant sans bibliothèque : Sony Spresense ou Arduino Uno ne sont pas si chers et ne nécessitent pas beaucoup de puissance. Cependant, si votre projet est limité en termes de puissance, d'espace ou même de budget, vous pouvez envisager d'utiliser Arduino Pro Mini. Contrairement à Arduino Pro Micro, Arduino Pro Mi
VISUINO Afficher le prix des devises Forex en direct sur Internet : 9 étapes

VISUINO Afficher le prix des devises Forex en direct à partir d'Internet : Dans ce didacticiel, nous utiliserons NodeMCU Mini, OLED Lcd et Visuino pour afficher le prix des devises EUR/USD en direct toutes les quelques secondes à partir d'Internet sur l'écran LCD. Regarder une vidéo de démonstration
Afficher le texte sur l'écran LED P10 à l'aide d'Arduino : 5 étapes (avec images)

Afficher le texte sur l'écran LED P10 à l'aide d'Arduino : L'affichage Dotmatrix ou plus communément appelé texte en cours d'exécution est souvent trouvé dans les magasins comme moyen de publicité pour leurs produits, son utilisation pratique et flexible encourage les acteurs commerciaux à l'utiliser comme conseil publicitaire. Maintenant, l'utilisation de Dot