Для разработки приложений под KaiOS вы должны обладать хотя бы минимальными знаниями по HTML, JavaScript и CSS. В качестве среды разработки вы можете использовать любой текстовый редактор. Пользователям Windows мы рекомендуем использовать редактор Notepad++, пользователям Linux - редактор Geany. У этих обоих редакторов есть версии и под Windows, и под Linux - так что если вы работаете в обоих ОС вы можете использовать один и тот же редактор.

В симулятор KaiOS тоже входит своя среда разработки - WebIDE, взятая из браузера FireFox. Нам она показалась не очень удобной, хотя в ней так же можно успешно редактировать код программы.

На момент публикации статьи был доступен симулятор датированный октябрём 2018 года. Обратите внимание, есть две версии - одна для MacOS, другая для Linux. Версии для Windows - нет. Так что, если вы обладатель Windows, но желаете научиться разрабатывать приложения для KaiOS, вам необходимо либо установить второй системой Linux, либо поставить виртуальную машину, из-под которой и тестировать ваши приложения. В качестве такой виртуальной машины мы рекомендуем VirtualBox.

Последнюю версию симулятора вы можете скачать с официальной страницы - developer.kaiostech.com/simulator. Пользователи MacOS скачав файл с расширением .dmg (kaiosrt_en-US.mac64.dmg) должны дважды щёлкнуть по нему, после чего перенести иконку kaiosrt в вашу папку с приложениями. Пользователи Linux, должны скачать zip архив (kaiosrt_ubuntu.zip), распаковать в удобное место и запустить файл kaiosrt.

Для корректной работы симулятора на Linux, рекомендуется использовать семейство дистрибутивов, основанных на Debian. Разработчики KaiOS используют Ubuntu, мы же используем Linux Mint, так ка считаем её более удобной для работы. Далее по тексту все действия выполняются в ОС Linux.

После запуска файла kaiosrt вы увидите на экране окно, включающее в себя собственно среду разработки и симулятор телефона, работающего на KaiOS.

Среда разработки и симулятор KaiOS

Среда разработки и симулятор KaiOS

Среда разработки разбита на несколько панелей. Первая слева панель содержит команды:

  • «New App…» - создание нового приложения,
  • «Open Packaged App…» - открытие ранее созданного приложения, которое запускается на устройстве
  • «Open Hosted App…» - открытие ранее созданного приложения, которое запускается он-лайн.

Ниже, в этой же панели в разделе «My Projects» - отображаются созданные или открытые вами проекты. Еще ниже - «Runtime Apps» - запущенные вами проекты. Последнее в этой панели - «Tabs» - показывает открытый в данный момент проект.

Вторая слева панель при открытом проекте отображает структуру проекта и исходный код текущего файла. Если же выбран не проект, а какой либо runtime из соответствующего раздела, то в этой панели отображается идентификатор приложения и его описание, и, вместе с тем открывается дополнительная горизонтальная панель средств разработки, в которую входят:

  • Инспектор объектов (Inspector),
  • Консоль ввода-вывода (Console),
  • Отладчик (Debbuger),
  • Редактор стилей (Style Editor),
  • Производительность (Performance),
  • Сеть (Network) ,
  • Объектная модель документа (DOM).

Третья слева панель отображает окно симулятора телефона с виртуальной клавиатурой. В этой же панели можно изменить ориентацию экрана (портретную или ландшафтную). Так же доступны опции «Set-Top Box» и «isBarType» (которые достались от предшественника FireFox OS, и не документированы компанией KaiOS Technologies; опция «set-top box» изменяет размер рабочей зоны экрана телефона до нестандартных значений - и в будущих версиях будет удалена; включение опции «isBarType» опытным путём не привело к каким либо изменениям).

Последняя панель содержит несколько разделов. В разделе «USB Devices» содержится информация о подключённых устройствах по USB, а в случае отсутствия оных - команда «Install ADB Helper» - для установки модуля, необходимого для подключения устройств по USB. Ниже раздел «Wi-Fi Devices» - аналогичен предыдущему, но подключённых по Wi-Fi. Далее раздел «Simulators» - в нем отображаются установленные симуляторы и команда «Install Simulator» для установки других симуляторов. В настоящий момент данная опция не используется, т.к. есть только один симулятор для KaiOS, однако, вы можете установить симулятор FireFox OS, чтобы ознакомится с предшественником системы KaiOS. Следующий раздел «Other» содержит дополнительные функции, такие как:

  • отключение устройства (Disconnect),
  • снимок экрана (Screenshot),
  • настройки устройства (Device Settings),
  • параметры устройства (Device Preferences),
  • таблица разрешений (Permissions Table),
  • информация о выполняемом процессе (Runtime info),
  • локальная среда выполнения (Local Runtime),
  • удалённая среда выполнения (Remote Runtime).

Большинство этих функций достались от FireFox OS, и могу как работать некорректно, так и не работать вообще. Например, функция «Remote Runtime» не работает в принципе, и будет в следующих версиях удалена.

Над панелями находятся кнопки запуска/перезапуска приложения, остановки приложения и вызова горизонтальной панели средств разработки. Ещё выше - стандартное меню, которое, однако, отображается белыми буквами на сером фоне - почти не читабельно, надеемся разработчики в следующих версиях это исправят.

Симулятор KaiOS и среда разработки

Ландшафтная ориентация экрана и панель Runtime Info

Обратите внимание на то, что симулятор не эмулирует аппаратное обеспечение устройства, он не подходит для тестирования API функций, и не может являться полноценной заменой реального устройства.

Примечания к выпуску (версия от октября 2018 года): виртуальный курсор не поддерживается; клавиатура симулятора и клавиатура компьютера иногда могут не работать; функция снимка экрана не работает; на MacOS нажатие на симуляторе цифровых клавиш приводит к сбою.

Заключение. Среда разработки и симулятор ещё довольно «сырые». Многие функции не работают, многие не документированы. Среда разработки часто вылетает по невыясненным причинам. Однако, и в таком виде можно успешно писать и тестировать приложения под KaiOS.

Добавить комментарий

Защитный код
Обновить