Web Editor онлайн-редактор

Начните программировать онлайн с помощью веб-редактора Arduino, сохраняйте свои эскизы в облаке и всегда имейте самую актуальную версию IDE! Пошаговое руководство по настройке онлайновой среды разработки.

Для использования онлайн IDE просто следуйте инструкции по работе с Web Editor ниже. Помните, что платы работают в онлайн веб-редакторе «из коробки», т.е. вам нужно только установить Create Agent от Arduino, чтобы начать работу онлайн.

Начните программировать онлайн с помощью веб-редактора Arduino, сохраняйте свои эскизы в облаке и всегда имейте самую актуальную версию IDE! Пошаговое руководство по настройке онлайновой среды разработки.

Web Editor онлайн-редактор

Начало работы с веб-редактором

Web Editor — отличный выбор для работы с платой Arduino. Он хранит все ваши скетчи онлайн, не требует установки ядер и включает в себя большинство популярных библиотек.

Начать работу с Web Editor очень просто и быстро, и в этом руководстве я проведу вас через все необходимые шаги, чтобы вы могли использовать его с вашей платой Arduino.

Примечание. Этот обучающий урок подходит для работы со всеми официальными платами Arduino.

Цели

В этом уроке мы выполним следующие действия:

  • Создадим учетную запись (требуется для использования веб-редактора Arduino Web Editor)
  • Загрузим и установим плагин Create Plugin
  • Убедимся, что наша плата распознается компьютером
  • Загрузим простой скетч-пример мигания светодиода

Необходимые программы и оборудование

  • Веб-редактор Arduino (Arduino Web Editor)
  • Create Agent
  • Плата Arduino
  • USB-кабель (отличается в зависимости от используемой платы)

Настройка веб-редактора

Мы описали наши цели, убедились, что у нас в наличии нужное программное обеспечение и аппаратное оборудование и теперь мы выполним необходимые действия, чтобы заставить нашу плату Arduino работать с веб-редактором.

Создание учетной записи (аккаунта)

Первым шагом является создание учетной записи. Для этого перейдите по адресу login.arduino.cc/login. Здесь вы можете либо вручную создать учетную запись, либо войти в систему, используя, например, учетную запись Google.

Web Editor онлайн-редактор
Войдите в свой аккаунт Arduino

Установка плагина

После того как вы создали и активировали свою учетную запись, нам необходимо установить Create Plugin. Для этого перейдите на страницу установки Create Agent. Здесь вам нужно просто нажать на кнопку Start (Начать), чтобы начать установку.

Web Editor онлайн-редактор
Установка

Следуйте инструкциям на этой странице, чтобы завершить установку. В этом процессе вам нужно будет скачать Create Agent и установить его локально на вашем компьютере.

После завершения установки мы должны увидеть следующее окно:

Web Editor онлайн-редактор
Агент успешно установлен

Поздравляем, теперь у вас есть необходимые инструменты для начала работы с Arduino Web Editor (веб-редактором).

Примечание. Вы можете найти файлы Arduino Create Agent по следующему адресу (в зависимости от вашей операционной системе:

Windows: C:\Users{username}\AppData\Roaming\ArduinoCreateAgent
MacOS: Users/{username}/Applications/ArduinoCreateAgent
Linux: /home//ArduinoCreateAgent

Загружаем простой пример

Теперь давайте посмотрим, как работает веб-редактор, загрузив на плату простой пример. Сначала нам нужно перейти в веб-редактор, кликнув по этой ссылке или нажав на меню в правом верхнем углу, как показано на рисунке ниже:

Web Editor онлайн-редактор
Нажатие на кнопку Web Editor

Как только вы окажетесь в веб-редакторе, вы сможете увидеть любую плату, которую вы подключили к компьютеру. В данном случае у нас подключена Arduino MKR WiFi 1010 к порту COM29. Ваша может выглядеть по-другому. Это означает, что плата распознана и Create Agent работает.

Web Editor онлайн-редактор
Проверяем, можно ли найти подключенные платы

Теперь давайте всё протестируем. Загрузим базовый пример скетча Blink (мигание). Для этого перейдем в раздел:

Examples > 01.Basics > Blink

Ниже изображение показывает что мы делаем:

Web Editor онлайн-редактор
Выбор пример скетча с миганием светодиода

Чтобы загрузить его, нажмите на стрелку в левом верхнем углу редактора. Не отключайте плату на этапе загрузки.

Web Editor онлайн-редактор
Загрузка скетча на плату

Когда он будет загружен, в нижней части редактора должно появиться сообщение:

Success. Saved on your online Sketchbook and done uploading Blink.

Если мы посмотрим на плату, на которую мы загрузили код, то увидим, что светодиод на плате мигает с интервалом в 1 секунду. Это означает, что вы успешно использовали веб-редактор для загрузки кода на вашу плату!

Была ли эта страница полезной?