- Мобильная платформа (mobileapp) позволяет создавать мобильные приложения, содержит API для их разработки
- Мобильное приложение для интернет-магазина (eshopapp) – демонстрационное приложение, устанавливает в папку eshop_app в корне сайта публичный раздел, компоненты и шаблон мобильного интернет-магазина
Почему для просмотра, если в его названии присутвует слово “разработка?”- спросите вы.
Отвечу: ”Вся разработка приложения осуществляется в отдельном каталоге вашего обычного не мобильного сайта, а наше приложение используется именно для просмотра и тестирования того, что же у вас получается и будет в итоге в приложении”.
[spoiler]
Рассмотрим связку демонстрационого примера, входящего в модуль eshopapp, и приложения «1С-Битрикс: Разработка приложения».
У меня есть установка БУСа с последними обновлениями и установленными модулями mobileapp и eshopapp и телефон с приложением, установленным из AppStore.
Отмечу, при установке модуля eshopapp нужно выбрать инфоблок, который будет использоваться в мобильном приложении как каталог товаров.
Открываю приложение и указываю путь к сайту, включая папку с данными для приложения (http://ваш_сайт/eshop_app/). При указании пути обратите внимание на написание протокола http, не должно быть заглавных букв.
Войдя, видим демонстрационный интернет-магазин:
Если открыть папку для приложения в браузере на компьютере (ввожу тот же адрес, что и в приложении), то увидим стандартную веб-страницу, отличающуюся от приложения отсутствием некоторых нативных элементов.
Давайте рассмотрим несколько простых действий, чтобы увидеть, как легко можно делать приложение. Я не буду вдаваться в подробности программирования, об этом читайте в блоге , я буду делать совсем простые действия, чтобы показать, что все привычно для разработчиков “под Битрикс”.
Пример1. Сделаем, чтобы внизу главной страницы приложения появился текст “Для всех клиентов, сделавших заказ из приложения, действует скидка 5%”.
- Открываю на редактирование страницу в браузере
- Добавляю текст и сохраняю
- Обновляю информацию в приложении, используя “Потяните, чтобы обновить”
Пример2. Отредактируем параметры компонентов, подключенных на страницах для приложения.
Окрыв страницы папки eshop_app в режиме правки в обычном браузере, видим, что подключаются компоненты, как модуля catalog, так и модуля eshop_app.
Параметры компонентов можно редактировать обычным образом, а также кастомизировать шаблоны и сами компоненты. Все изменения, сделанные через браузер, отображатся в приложении без дополнительных действий.
Например, уберем показ цен в списке товаров. Для этого:
- Перехожу к странице в браузере http://ваш_сайт/eshop_app/catalog/?SECTION_ID=6 (ID секции вы можете посмотреть у себя на компьютере в административном разделе, взяв любой идентификатор раздела вашего каталога).
- Открываю настройки компонента catalog
- Нахожу раздел “Цены” и убираю вывод цены, сохраняю
- Цена уже не выводится ни в списке, открытом в браузере, ни в приложении
Будем делать это через файловую структуру, модифицируя страницы в папке eshop_app.
- Открываю файл /eshop_app/index.php и копирую блок с подключением компонента bitrix:eshopapp.top
- Вставляю код в /eshop_app/catalog/index.php
- Получаю:
Вместо
Такими способами можно быстро и легко поменять многое в страницах приложения.
На этом я думаю можно заканчивать с примерами, мы убедились, что разработка под мобильную платформу не сложная. Конечно, вам придется изучать API, экспериментировать с вызовом нативных элементов и обработкой различных событий, но самое главное - все для вас привычно и не сложно.
О выпуске своего приложения
После того, как вы “настроите” папку для приложения нужным вам образом, измените шаблон, напишите компоненты и тд, вам нужно обратиться к нам для компиляции и выгрузки вашего приложения в AppStore и Google Play. Пример уже готового приложения можете посмотреть в и .
О нативных элементах
Нативные элементы в демонстрационном примере приложения - это верхняя красная панелька с кнопками и фон, которые зашиты в приложении.
Все остальное выглядит на компьютере точно так же, как и в приложении.
Дизайн этих элементов не может быть модифицирован способами, описанными выше. Чтобы ваше приложение приобрело “свое лицо”, вам нужно отправить дизайн этих элементов в виде графических файлов с нужными разрешениями и расширениями вместе с остальными данными к нам в Битрикс.
Заключение
Наше приложение магазина, входящий в Управление сайтом 12.5, послужит для вас хорошей демонстрацией и основой. Изменив дизайн, удалив ненужные страницы, добавив требуемые функции, вы сможете быстро выпустить свое приложение.
Читайте статьи по API и мобильной разработке, задавайте вопросы, экспериментируйте и, конечно, выпускайте приложения для ваших магазинов.
Сколько будет стоить компиляция и выгрузка приложения в AppStore и Google Play?
Спасибо!
Будем оценивать необходимость вложений.
1) Возможно ли хранить данные на приложении оффлайн с синхронизацией при подключении?
2) Возможно ли использовать для пользователей Экстранета - Корпоративного портала? Есть ли подобные реализации?
По поводу лицензирования не совсем понятно. Если вы собираете приложение, выкладываете его в AppStore и Google Play, то его могут использовать все.