Прогрессивные Веб-Приложения: Whoami

Интерес к разработке приложений для мобильных операционных систем в сообществе разработчиков неуклонно растет, а количество инструментов и подходов, позволяющих создавать приложения, увеличивается.

Сегодня я хочу написать об одном из новых подходов, а именно о Progressive Web Apps.

Что такое ПВА

.

Основная цель PWA — повышение конверсии, количества пользователей и удобства использования веб-приложений на мобильных устройствах.

Прогрессивные веб-приложения являются логическим продолжением ускоренных мобильных страниц, поэтому, если вы ранее создавали AMP-приложения, то вам обязательно следует обновить свое приложение до норм приложений PWA. Если вы раньше не слышали об AMP, это не составит для вас проблемы при изучении PWA. Приложение PWA должно быть:

• Прогрессивный – работа с каждым пользователем, независимо от окружения, используя метод постепенного улучшения в качестве основного принципа работы;
• Адаптивность — адаптируйтесь к любому устройству: настольному компьютеру, смартфону, планшету или чему-либо еще;
• Независимость от соединения — при использовании Service Worker приложение должно работать в автономном режиме, когда соединение прерывается или отсутствует;
• Выглядеть нативным — приложение должно соответствовать привычным для пользователя методам взаимодействия и навигации;
• Самообновление.

  Приложение должно контролировать процесс автоматического обновления через API Service Worker;

• Безопасность.

  Используя HTTPS, предотвратите перехват и подмену данных;

• Идентифицируемый – посредством манифеста W3C и регистрации через Service Worker приложение идентифицируется поисковыми системами как «приложение»;
• Удержание — используя технические возможности, мы мотивируем пользователя использовать приложение снова, например, посредством push-уведомлений;
• Простота установки – позволяет «сохранить» приложение на устройстве пользователя, добавив PWA-приложение в список установленных приложений без использования магазина приложений;
• Простота в использовании.

  Чтобы начать использовать приложение, просто откройте URL-адрес.

  Установка приложения не требуется.

Целевая аудитория

Стандартный рабочий процесс

Это значительно упрощает начало использования нового приложения, поскольку не нужно заходить в магазин приложений и ждать, пока будет установлено нужное пользователю приложение.

При необходимости пользователь может добавить приложение на рабочий стол с помощью опции «Добавить на главный экран» в браузере.

Или приложение может предложить пользователю сделать это через баннер установки веб-приложения.

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

Разработчик может контролировать стиль браузера и параметры отображения приложения после установки.

Кроме того, Service Worker, входящий в состав приложения PWA, будет отвечать за кэширование, работу в автономном режиме и обработку push-сообщений.

Дополнительные ссылки

Вместо заключения

PWA ранее на Хабрахабре не рассматривалась.

Интересно понять, насколько тема интересна аудитории.

Поэтому, прежде чем я начну серию технических статей, я хочу с помощью опроса убедиться, что вам будет интересно.

В качестве бонуса, пока идет опрос, вы можете предложить (в личку) проект, который будет взят в качестве примера, ведь интереснее рассматривать пример, взятый из реального мира ;) Если опрос пройдет успешно, ожидайте серию статей о PWA с открытым исходным кодом, размещенных на github. В опросе могут участвовать только зарегистрированные пользователи.

Войти , Пожалуйста.

Как вы думаете, будет ли вам полезна техническая серия по PWA? 87.07% Да, жду с нетерпением 128 12.93% Нет, погуглил - все понятно Проголосовало 19 147 пользователей.

37 пользователей воздержались.

Теги: #pwa #прогрессивные веб-приложения #mobile #Android #JavaScript #JavaScript #Разработка мобильных приложений #Разработка Android

• Как Восстановить Компьютер После Сбоя

  19 Oct, 24

• Лучшие Веб-Браузеры Для Исключительных Возможностей Твиттера

  19 Oct, 24

• Чистая Прибыль Сбербанка За Первое Полугодие 2015 Года Упала В 2,3 Раза

  19 Oct, 24

• Глава Twitter Опроверг Намерение Увеличить Количество Символов В Твитах

  19 Oct, 24

• На Форуме Riw-2015 Выступят Более 600 Экспертов

  19 Oct, 24

• Мнения Представителей Российской It-Индустрии О Новом Macbook Pro С Touch Bar

  19 Oct, 24

• Профессии Будущего: Когда Мы Полетим В Космос?

  19 Oct, 24

• Государственное Регулирование Интернета. Хроника: Начало И Непосредственное Внедрение (Части 1 И 2)

  19 Oct, 24

• Конфиденциальные Транзакции В Monero, Или Как Перевести Неизвестные Вещи В Неизвестные Места Назначения

  19 Oct, 24

• Как Создать Простую Анимацию Строительства В Стратегических Играх

  19 Oct, 24