Как создать мобильное приложение на 1с битрикс. Базовые настройки

Мобильное приложение представляет собой просто браузер, который умеет открывать один сайт. По сути это мобильная версия сайта. Битриск позволяет создавать мобильные приложения, не вникая в нативные языки программирования, но есть ограничения

1. Не все редакции битрикс это позволяют сделать
2. Очень скудный функционал
3. Документация очень сырая, мало примеров. Многие даже не описаны
4. Проблемы с тестированием приложения

Но есть отдельные преимущества мобильного приложения.

1. Не нужно открывать отдельно браузер и вводить урл ресурса, удобно кликнуть по иконке и перейти сразу к сайту
2. Приложение имеет доступ ко всей информации устройства, а именно к фото, видео, файловой структуре, акселерометру, гео, марке и модели устройства, контактам и прочее. А главное посылать пуш уведомления. Все это делается с разрешения пользователя

Разработка мобильного приложения включает

1. Создание полноценного обычного шаблона, как для обычной версии битрикс, со всеми компонентами, файлами стилей и скриптов
2. Создание отдельной директории в корне сайта, где буду находиться все разделы и статичные страницы приложения
3. Отправляем на компиляцию приложение в компанию битрикс, предоставляя иконки заставки и прочее
4. Публикуем скомпилированное приложение в магазина google play и app store. Учетные записи разработчиков стоят денег.

Приступаем к разработке мобильного приложения на Битрикс.

Шаг первый

Нужно убедиться что установлен модуль мобильная платформа на вашем сайте. Это можно посмотреть в настройках установленных модулей. Настройки –> Модули

Шаг второй

Создаем заготовку для мобильно приложения

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

Заполняем поля:

1. Название приложения
2. Код приложения в нижнем регистре
3. Папка приложения без слэшей в нижнем регистре (в корне сайта будет раздел с вашим приложением)
4. Устанавливаем вариант обычного приложения
5. Добавить шаблон и настройки офлайн приложения (галку пока не ставим)
6. Шаблон приложения. Создаем новый шаблон и пишем его название (оставим по умолчанию NewMobileTemplate)

Шаг третий

Собираем основную заготовку нашего приложения в открывшемся конструкторе мобильного приложения битрикс, его основной каркас. Тут все просто и понятно. Заполняйте поля сами.

Указанная во втором шаге папка приложения уже появилась в корне сайта с некоторыми файлами внутри. Также присутствует индексный файл с подключением хидера и футера. Остальные файлы разберем по ходу пьесы.

Папка шаблона также создалась автоматически, но в директории bitrix->templates. Если вы работаете в папке local, необходимо её перенести туда. В папке шаблона стандартный набор файлов создаваемы для шаблона, с которыми мы в дальнейшем будем работать.

В плане работы шаблон мобильного приложения ничем не отличается от работы основного шаблона сайта.

Смотреть как выглядет приложение на десктопе можно по пути https://site.ru/appmobile/ включив отзывчивый дизайн в браузере. Директорию appmobile мы задали на втором шаге. Но верхняя панель навигации отображаться не будет.

Смотреть как выглядет приложение мы будем установив специальное приложение для вашего смартфона из магазина приложений. Приложение называется 1с-битрикс: разработка При запуске необходимо добавить приложение введя адрес https://site.ru/appmobile/

Все! Базовые настройки выполнены.