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