Отображение текста на OLED через Интернет: 9 шагов

2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-13 06:58

Привет и добро пожаловать! Это короткое руководство научит вас отображать текст на Magicbit с помощью Magicblocks.

Есть 2 основных метода достижения этой цели;

1. Используя Inject Block.
2. Используя Dashboard.

Прежде всего войдите в свою учетную запись Magicblocks, Magicblocks - это простая программа для визуального программирования, позволяющая запрограммировать ваш magicbit. Любой может запрограммировать свой микроконтроллер с помощью magicblocks.io, и для этого не требуется никаких знаний в области программирования. Вы можете зарегистрироваться бесплатно.

Запустите и откройте игровую площадку.

Затем убедитесь, что ваш Magicbit подключен к Интернету и подключен, а также привязан к вашей учетной записи через диспетчер устройств.

Все сделано? затем прокрутите вниз до метода 1

Шаг 1. Список необходимых элементов

Magicbit: Magicbit - это интегрированная платформа разработки на основе ESP32 для обучения, прототипирования, кодирования, электроники, робототехники, Интернета вещей и проектирования решений

Шаг 2. Настройка блока ввода [Метод 1]

1. Перетащите блок Inject из секции входных узлов в левой части экрана в Flow.
2. Дважды щелкните блок и выберите тип полезной нагрузки из раскрывающегося меню для ввода текста (строки).
3. Затем введите текст, который нужно отобразить на Magicbit.

Шаг 3. Настройка блока отображения [Метод 1]

1. Перетащите блок Display из раздела узлов Magicbit в левой части экрана в поток.
2. Дважды щелкните блок отображения и введите или вставьте свой уникальный идентификатор устройства из вкладки «Диспетчер устройств» вашей учетной записи Magicblocks. [Это свяжет дисплейный блок с вашим дисплеем Magicbit]

Шаг 4. [Необязательно] Импортируйте уже настроенные узлы

Если у вас возникли проблемы с настройкой узлов, вы можете использовать функцию импорта в Magicblocks, чтобы получить узлы, которые уже были настроены.

Сначала скопируйте этот код в буфер обмена;

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

• Щелкните меню параметров в правом верхнем углу экрана.
• Затем наведите курсор на подменю «Импорт».
• Затем щелкните буфер обмена и вставьте код из буфера обмена в текстовое поле.
• Выберите текущий поток или новый поток и нажмите Импорт.

ВАЖНЫЙ

Убедитесь, что вы ввели идентификатор своего устройства в свойствах узла отображения и набрали нужный текст внутри узла ввода.

Шаг 5. Наконец, развертывание блоков [Метод 1]

1. Соедините блок ввода с узлом дисплея.
2. Нажмите кнопку «Развернуть» в правом верхнем углу экрана.
3. После развертывания щелкните поле слева от блока ввода, чтобы активировать его, и это отобразит текст, введенный в блок ввода.

Исправление проблем

1. Проверьте, отображается ли он подключенным под блоком дисплея, если нет, еще раз проверьте идентификатор устройства, который вы ввели в блок дисплея.
2. Проверьте, подключен ли ваш Magicbit к Интернету.

Шаг 6. Настройка блока ввода текста [Метод 2]

1. Перетащите блок ввода текста из раздела узлов панели инструментов в поток.
2. Дважды щелкните узел ввода текста и настройте базовый пользовательский интерфейс панели инструментов [пользовательский интерфейс] из раскрывающегося меню и имя для вашего поля.
3. В раскрывающемся меню выберите режим ввода текста.

Шаг 7. Настройка блока отображения [Метод 2]

1. Перетащите блок Display из раздела узлов Magicbit в левой части экрана в поток.
2. Дважды щелкните блок отображения и введите или вставьте свой уникальный идентификатор устройства из вкладки «Диспетчер устройств» вашей учетной записи Magicblocks. [Это свяжет дисплейный блок с вашим дисплеем Magicbit]

Шаг 8: [Необязательно] Импортируйте уже настроенные узлы

Если у вас возникли проблемы с настройкой узлов, вы можете использовать функцию импорта в Magicblocks, чтобы получить узлы, которые уже были настроены.

Сначала скопируйте этот код в буфер обмена;

[{"id": "458b634b.ddbbbc", "type": "ui_text_input", "z": "b4f698b2.ff2c68", "name": "", "label": "Введите текст", "group": "64afd566.2c4e9c", "order": 0, "width": 0, "height": 0, "passthru": true, "mode": "text", "delay": 300, "topic": "", «x»: 180, «y»: 300, «провода»:

• Щелкните меню параметров в правом верхнем углу экрана.
• Затем наведите курсор на подменю «Импорт».
• Затем щелкните буфер обмена и вставьте код из буфера обмена в текстовое поле.
• Выберите текущий поток или новый поток и нажмите Импорт.

ВАЖНЫЙ

Убедитесь, что вы ввели идентификатор своего устройства в свойствах узла отображения.

Шаг 9. Наконец, развертывание блоков и использование пользовательского интерфейса панели инструментов для доступа к ним [метод 2]

1. Соедините блок ввода текста с узлом отображения.
2. Нажмите кнопку «Развернуть» в правом верхнем углу экрана.
3. После развертывания перейдите в пользовательский интерфейс панели мониторинга, щелкнув ссылку на URL-адрес панели управления в правом верхнем углу экрана.
4. На панели инструментов вы можете ввести текст в поле, созданное вами с помощью блока ввода текста, и этот текст отобразится на вашем Magicbit.
5. Скопируйте URL-адрес вашей информационной панели, и к нему можно будет получить доступ через Интернет для отображения текста на вашем дисплее Magicbit из любой точки мира.

Исправление проблем

1. Проверьте, отображается ли он подключенным под блоком дисплея, если нет, еще раз проверьте идентификатор устройства, который вы ввели в блок дисплея.
2. Проверьте, подключен ли ваш Magicbit к Интернету.
3. Проверьте, набираете ли вы текст в правильно связанном текстовом поле, а также на правильной панели инструментов, которую вы создали.

Если вам нужна помощь или вы не можете понять шаг, обязательно посмотрите наше видео на YouTube, нажав здесь: Youtube Video