10  /  103

Конструктор мобильных приложений

Просмотров: 5116 (Статистика ведётся с 06.02.2017)

В обновлении модуля Мобильная платформа версии 14.5.1 появился новый функционал под названием Конструктор мобильного приложения. Это большой шаг к упрощению процесса создания мобильных приложений на платформе «1C-Битрикс».

Какие задачи решает Конструктор мобильного приложения:

  • Создание базового макета серверной части мобильного приложения на платформе BitrixMobile.
  • Настройка параметров нативных элементов приложения.
  • Настройка параметров мобильного приложения по платформам - Android и iOS.

Рассмотрим подробнее каждый из пунктов.


Создание серверной части мобильного приложения

В административной части сайта нужно перейти в раздел Конструктор мобильных приложений (Сервисы > Мобильное приложение > Конструктор мобильных приложений).

Далее создаем приложение, нажав кнопку Создать приложение, появляется форма создания.

В форме создания приложения вам предлагается указать следующее:

  • Название приложения.
  • Код приложения (используем только латиницу и знаки подчеркивания).
  • Название папки приложения, которая будет создана в корне сайта (только латиница и знаки подчеркивания).
  • Шаблон приложения - можно создать новый, указав латиницей идентификатор, выбрать из существующих или ничего не делать.

Если все данные введены корректно, кнопка Создать станет активной - нажмите на нее.

После создания приложения у вас в корне сайта появляется папка с файлами нужной структуры, создается шаблон сайта с подключенной мобильной платформой и назначается на эту папку. В дальнейшем всю разработку будем вести именно в созданной папке. В данном случае, это http://<мой_сайт>/mobile_app/.

Проверим работоспособность созданного макета на сервере. Для этого установим и запустим мобильное приложение для разработчиков BitrixMobile из Google Play или AppStore.

Введем адрес приложения в формате http://<домен>/<имя_папки> и нажмем подключиться. Если все хорошо, то увидим следующее:

Макет создан, можно приступить к настройке нативных элементов интерфейса.


Настройка параметров приложения и вида нативных элементов

Итак, после создания приложения открывается редактор, в котором мы увидим разбитые на группы параметры (справа) и легкое превью (слева). В верхней панели располагается селектор для переключения между приложениями и табы для переключения между конфигурациями. В панели можно добавить еще одно приложение или добавить конфигурацию к уже созданному приложению. По умолчанию к приложению создается Общая конфигурация, которая будет применяться как для Android, так и для iOS.

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

  • цвет;
  • изображение;
  • число;
  • строка;
  • флаг;
  • значение из списка;

Некоторые из них включатся в себя соответствующими контролы:

Результат изменения некоторых параметров отображается в превью.

Пока есть три экрана:
  • Загрузка - отображает параметры экрана загрузки
  • Главный экран - параметры фона
  • Списки

Важно! Чтобы не искать параметры в группах, можно просто кликнуть на элемент превью - редактор переключится на нужную группу параметров и подсветит их.


Изображения

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

Некоторые изображения снабжены дополнительным параметром растягивания с режимами crop/stretch/repeat:

Изменение любого параметра сопровождается авсохранением и можно сразу увидеть сделанные изменения в мобильном приложении для разработчика.


Отдельные параметры для отдельной платформы

В верхней панели можно добавлять и удалять конфигурации, а также добавить конфигурацию для Android и, подключаясь приложением для разработки, можно увидеть именно Android-конфигурацию, а не общую.


Примечания

С момента выпуска этого конструктора рекомендуется формировать параметры приложения именно через него. Теперь не нужно разбираться в структуре параметров и искать в документации их названия - все будет в конструкторе. Конструктор создает в папке вашего приложения файл settings.php, на который мы будем ориентироваться при сборке.

Важно! Обратите внимание на раздел Дополнительно - в нем есть невизуальные настройки, которые включают в себя параметры push-уведомлений и возможность отключения верхней панели и слайдера в итоговом приложении.

5
Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Развернуть комментарии