PWA – прогрессивное веб приложение – что это?
Это все тоже веб-приложение, которое доступно через браузер, которое работает на любом устройстве и практически в любых условиях и это можно использовать как отдельный или основной сервис для вашего сайта.
В чем преимущество и отличия от того, что есть-работает у меня сейчас?
Та часть которую принято называть front-end (внешняя часть: кнопки, окна, информация о товарах), скорее всего, генерируется на вашем веб-сайте/интернет-магазине динамически. Пользователь, через браузер запрашивает страницу по какому то адресу – URL, а код генерирует страницу с учетом бизнес-логики вашего проекта и иногда генерация страницы может занимать много времени, даже если страница содержит более чем 90% статических объектов.
PWA это front-end решение, которое является отдельным приложением и общается с интернет-магазином, через API. Другими словами, мы разделяем бизнес процессы и принятие решений от генерации визуальной части, что само по себе ускоряет работу проекта.
- Надежность. Работает даже в отсутствие или плохой сети (характерно для мобильного интернета), информация и заказы загружаются и отправляются сразу как только появляется соединение. Клиенту не будет показано сообщение, что страница не может быть загружена, а заказ не может быть обработан ввиду отсутствия соединения
- Скорость. Очень быстрая загрузка страниц с кешированием контента на устройстве. Пользователь работает с веб-приложением как обычным мобильным приложением, страницы открываются так же быстро, а переходы плавные с ненавязчивой анимацией, без резкой прокрутки
- Взаимодействие. Дружелюбный интерфейс, удобство использования, получение комфорта от работы приложения, Push уведомления о наличии товара или скидке, более быстрое принятие решения о покупке, так как все под рукой.
Этот новый уровень качества, который дает пользователям больше возможностей, а магазинам больше продаж.
Сегодня мы объявляем, что начиная с июля 2018 года скорость загрузки страницы будет фактором рейтинга для мобильного поиска
GoogleКак это работает

- Пользователь открывает ваш веб-сайт – интернет-магазин, после чего он доступен как приложение, можно добавить ярлык на домашний экран телефона, получать push-уведомления, делать покупки
- Интернет-магазин доступен всегда, даже если нет интернета. Информация будет отправлена и получена автоматически когда появится интернет.
- Загружается очень быстро и так же работает. Клиентам не нужно ждать полной загрузки страницы.
Как это можно интегрировать в интернет-магазин

PWA может быть интегрировано с действующим интернет магазином на Magento версий 1.9 и 2.х в нескольких вариантах:
- 100% обслуживать запросы клиентов, отображать товары, оформлять заказы
- просмотр товаров, категорий, контентых страниц, положить товар в корзину. Процесс оформления заказа производить в магазине на стороне Magento
Пример PWA приложения
Адрес http://pwa.sysint.net/ платформа – PWA Storefront for any eCommerce
Используется стек технологий:
- Vue
- NodeJs
- ExpressJs
Стоимость интеграции
Вариант #1
- Интеграция PWA с действующим интернет магазином на Magento 1 или 2
- Размещение текста на контентных страницах
- Замена/размещение медиа материала: баннеры, видео, логотип
- Настройка всех взаимосвязанных с работой PWA сервисов
- Оформление заказа на стороне PWA (на текущий момент поддерживаются не все методы оплаты)
- Консультации и поддержка в течении 60 дней
Цена: $ 2500
Вариант #2
- Интеграция PWA с действующим интернет магазином на Magento 1 или 2
- Размещение текста на контентных страницах
- Замена/размещение медиа материала: баннеры, видео, логотип
- Настройка всех взаимосвязанных с работой PWA сервисов
- Оформление заказа на стороне Magento
- Консультации и поддержка в течении 60 дней
Цена: $ 3500
Дополнительные изменения оговариваются и рассчитываются отдельно