Как работает прогрессивное мобильное приложение (PWA)

Итак, вы являетесь счастливым обладателем (PWA) прогрессивное мобильное приложение или хотите им стать, и наверняка хотелось узнать, а как оно работает.

Для примера, я покажу вам как это реализовано на сайте Twidoo.ru

Установка приложения на Android

1. Перейдите с мобильного браузера по ссылке вашего сайта снизу или по центру страницы в течение 3 секунд появится всплывающее окно с предложением установки приложения. Нажмите на кнопку установить.

2. После процесса установки на экране вашего мобильного устройства появится одно из следующих окон:

3. После того как проверка на безопасность пройдена на рабочем столе вашего устройства появится иконка мобильного приложения с фирменным логотипом сайта.

Установка приложения на IOS

1. Перейдите в сафари по ссылке вашего сайта, снизу по центру экрана нажмите на значок add (добавить), как показано на скриншоте:

2. На экране вашего мобильного устройства нажмите на кнопку Add to Home Screen (добавить на главный экран) и далее нажмите Add (добавить), как показано на скриншотах:

3. После того как проверка на безопасность пройдена на рабочем столе вашего мобильного устройства появится иконка с фирменным логотипом сайта. На свое усмотрение по окончании установки вы можете указать любое другое удобное имя приложения, которое будет отображаться у вас на рабочем столе.