“Мобильное приложение (PWA)”¶
Примечание
Данный модуль доступен в Русской версии CS-Cart, начиная с тарифного плана Бизнес, и в Русской версии Multi-Vendor, начиная с тарифного плана Плюс.
В версии 4.20.1 появился новый модуль, позволяющий устанавливать прогрессивное веб-приложение для каждой из ваших витрин.
Прогрессивное веб-приложение (PWA, Progressive Web Application) по сути представляет собой веб-сайт, который выглядит и ведет себя как мобильное приложение: у него есть иконка на главном экране, оно отображает уведомления и поддерживает ярлыки. PWA не обязательно публиковать в магазине приложений, а вашим клиентам достаточного обычного браузера, чтобы работать в таком приложении. Другие преимущества PWA включают:
- простая настройка и запуск: вам нужно только установить модуль и задать несколько параметров;
- ваши клиенты будут видеть витрину вашего магазина такой, как она выглядит на компьютере; более того, вы можете настроить прогрессивное веб-приложение для нескольких витрин;
- поддержка любых (в том числе и сторонних) модулей;
- оптимизировано для поисковых систем и легко индексируется в поиске;
- легкое приложение, экономящее интернет-трафик.
В CS-Cart также поддерживается установка нативного мобильного приложения: оно обеспечивает более глубокое взаимодействие с системой устройства, может использовать все его функции и распространяется через традиционные магазины приложений. Выбор типа приложения (PWA или нативное) зависит от ваших целей:
- выбирайте прогрессивное веб-приложение, если вам нужно легкое приложение, которое разрабатывается и запускается в несколько кликов;
- выбирайте нативное приложение, если вам важна максимальная интеграция с устройством, на которое оно будет установлено.
Настройка прогрессивного веб-приложения в Панели администратора¶
Установите модуль Мобильное приложение (PWA).
В меню модуля перейдите на вкладку Настройки. Здесь можно задать название вашего приложения и установить для него иконку:
Обратите внимание на следующие рекомендации:
Поле Рекомендация Название приложения До 12 символов Иконка приложения - Формат: PNG
- Размер: 512x512 пикселей
- Непрозрачный фон
Как только вы будете готовы запустить ваше прогрессивное веб-приложение, нажмите кнопку Запустить приложение.
Важно учесть следующее:
- как только прогрессивное веб-приложение будет запущено, вы не сможете менять его настройки для клиентов, которые его уже установили. Например, если вы изменили иконку в прогрессивном веб-приложении, ее увидят только новые пользователи, а пользователям, которые уже установили это приложение, придется переустановить его, чтобы увидеть эту новую иконку.
- если отключить прогрессивное веб-приложение (перевести кнопку Запустить приложение в положение Off), уже установленные приложения продолжат работать; это действие влияет только на новые установки вашего прогрессивного веб-приложения.
Использование прогрессивного веб-приложения на компьютерах и мобильных устройствах¶
После настройки и включения прогрессивного веб-приложения в браузере появится значок установки или всплывающее окно, в котором предлагается установить приложение. См. пример в браузере на компьютере:
Чтобы установить и начать использовать приложение, нажмите Установить.
Примечание
Для корректной работы прогрессивного веб-приложения рекомендуем использовать браузеры Google Chrome или Safari.
Настройка прогрессивного веб-приложения для нескольких витрин¶
Если в вашем магазине есть несколько витрин, вы можете настроить отдельное приложение для каждой из них:
Если вы планируете использовать прогрессивное веб-приложение для определенной витрины, рекомендуем размещать ее на поддомене или отдельном домене:
если доступ к витрине осуществляется через поддомен или отдельный домен, прогрессивное веб-приложение создается обычным способом;
если доступ к витрине осуществляется через поддиректорию, прогрессивное веб-приложение также будет создано, но может вызывать технические проблемы, т.к. в этом случае на одном домене уже будет размещено одно или несколько прогрессивных веб-приложений.