12  /  105

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

Просмотров: 28797
Дата последнего изменения: 24.07.2020
Александр Суворов
Сложность урока:
2 уровень - несложные понятия и действия, но не расслабляйтесь.
1
2
3
4
5

  Конструктор мобильного
  приложения

В обновлении модуля Мобильная платформа версии 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-уведомлений и возможность отключения верхней панели и слайдера в итоговом приложении.



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

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