Прогрессивные веб-приложения - будущее современной сети?

В наши дни о прогрессивных веб-приложениях (PWA) говорят многие города, в основном из-за их удивительного удобства использования и уникального пользовательского опыта. Благодаря объединенным функциям веб-сайтов и нативных приложений PWA становятся нормой для веб-приложений для нескольких устройств. позволяя разработчикам создавать быстро загружаемые динамические приложения без использования гибридных рамок.

Я считаю, что прогрессивные веб-приложения будущее сайтов - и в следующем письме я буду обсуждать его преимущества и варианты использования, чтобы дать вам полную картину. Давай перейдем к этому.

Что такое прогрессивные веб-приложения?

Семестр “Прогрессивные веб-приложения” впервые был придуман Алексом Расселом (разработчиком Google Chrome) и Фрэнсис Берриман (дизайнером). Алекс поделился своей идеей о прогрессивных веб-приложениях, которые “Эти приложения не упакованы и не развернуты через магазины, они просто сайты, которые приняли все нужные витамины“.

“Сайты, которые хотят отправлять вам уведомления или находиться на главном экране, должны зарабатывать это с течением времени, поскольку вы используете их все больше и больше. Они постепенно становятся “Программы”“, написал Алексу о PWA 'appiness. Наконец он заключил, “эти приложения могут доставить даже лучший пользовательский опыт, чем традиционные веб-приложения“.

Веб-приложения против прогрессивных веб-приложений

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

Тем не менее, прогрессивные веб-приложения являются следующее поколение веб-приложений это работает больше как родные приложения, используя собственные улучшения устройства. Например, Progressive Web Apps могут использовать нативные функции например, камера, маяки и т. д., а также такие функции, как автономный кэш, push-уведомления и т. д..

Зачем нам нужны прогрессивные веб-приложения?

У нас есть собственные приложения, с одной стороны, которые невероятно быстры и надежны даже в самых худших ситуациях, таких как медленное подключение или отсутствие подключения. Но с другой стороны, у нас есть веб-сайты и веб-приложения, которые работают медленно и плохо работают ни при каких условиях сети. Вот почему большинство людей предпочитаю нативные приложения.

Проект Accelerated Mobile Pages (AMP), поддерживаемый Google, был запущен в 2016 году для решить проблемы медленной связи, особенно на смартфонах, и обеспечивают лучший пользовательский опыт для мобильных пользователей. Однако AMP не решает проблем, не связанных с сетью. Кроме того, он не так сильно ускоряет время загрузки, как нативные приложения, и, опять же, у него мало ограничений для достижения этой скорости..

Вот почему нам нужны прогрессивные веб-приложения. PWAs обеспечивают лучший пользовательский опыт в медленной или без сети условия. Например, PWA может отображать экран прогресса, когда он загружает контент, или заставку, когда нет подключения к Интернету, соответственно..

Почему прогрессивные веб-приложения имеют смысл?

Как указано в отчете по мобильному приложению comScore в США за 2017 год, пользователи приложений тратят почти 77 процентов своего времени в своих трех лучших приложениях, в то время как остальные приложения бездействуют, но блокируют системные ресурсы, включая память. Кроме того, он также разделяет это 50 процентов пользователей загружают ноль приложений в месяц. Этот факт говорит о том, что пользователи не решаются устанавливать новые приложения, поэтому PWA имеет преимущество.

Я нахожу, что люди в основном посещают сайты на компьютерах, но предпочитаю приложения на мобильных устройствах (родные приложения, конечно). Причина в том, что компьютеры предлагают гораздо больше сетевых ресурсов, чем смартфоны, а приложения потребляют меньше ресурсов, чем их веб-сайты. Также они быстрые и надежные.

Более того, нативные приложения стоят намного дороже, чем веб-сайты - в пять-десять и более раз в зависимости от типа проекта. Кроме того, их стоимость может увеличиться, если возникнет необходимость в разработке собственных приложений для нескольких платформ (например, Android и iOS) с разными кодами. Тем не менее, PWA может помочь минимизировать такие высокие затраты на разработку, благодаря поддержке различных платформ.

Прогрессивные функции веб-приложений

У прогрессивных веб-приложений есть много прямых функций, которые отличают их от их более простых аналогов, то есть веб-приложений (или более простых - веб-сайтов):

• отзывчивый. Работать на всех устройствах любого размера экрана.
• Offline-первая. Загрузка в медленной или нет сети, а также.
• App-like ощущение. Смотри и взаимодействуй, как родное приложение.
• До настоящего времени. Обновлять самостоятельно, практически прозрачно.
• Безопасный и безопасный. Используйте HTTPS для загрузки ресурсов страницы.
• Видимый. Использовать контент для поисковых систем.
• Re-сцеплению. Повторно включите, скажем, используя уведомления.
• устанавливаемые. Может быть размещен на главном экране.
• связываемый. Загружать страницы, похожие на приложения, но с URL.

Что я нахожу интересным, так это то, что Progressive Web Apps не только выглядят и выглядят как нативные, но и имеют доступ к нативным функциям устройства. Это означает, что PWA может сфотографировать вас с помощью камеры вашего устройства. Тем не менее, я должен поделиться, что он не получает доступ к ограниченным функциям, таким как местоположение, телефон или SMS.

Замечания: Вы можете прочитать больше о его функциях и других деталях в этом посте..

Создание прогрессивных веб-приложений?

Google предоставляет “Прогрессивный контрольный список веб-приложений” - подробный список, чтобы помочь новичкам создавать Progressive Web Apps. Этот список без руководства разделяет необходимые функции для создания PWA - “Базовая PWA” и “Образцовый PWA”; первый перечисляет важные вещи для базового приложения, а второй - для расширенного приложения.

Кроме того, существуют различные инструменты, которые помогут вам в создании PWA. Например, Lighthouse - это бесплатная программа с открытым исходным кодом. инструмент для улучшения веб-страницы включая проверки качества для доступности, производительности и функций PWA. Еще одним интересным инструментом является Workbox, который помогает создавать приложения с автономным первым опытом.

Будущее за прогрессивными веб-приложениями?

Хотя Progressive Web Apps могут не решить все проблемы наших приложений или заменить родные приложения в ближайшем будущем, тем не менее, я считаю, что это сыграет важную роль благодаря его преимущества, которые намного больше, чем его ограничения. И почти с каждой крупной платформой, поддерживающей PWA, это не так далеко, мы увидим их повсюду.

Apple представила функции PWA (веб-API) в Safari 11.1, включая Beacon API, Service Workers, Web App Manifest и т. Д .; таким образом, перенесение PWA в iOS в ближайшее время, если не уже. Google уже поддерживает PWA в Chrome для Android, и планирует также вывести их на настольные платформы. Microsoft также добавила поддержку PWA в Microsoft Edge и перечислит их в Microsoft Store..

Как вы думаете - прогрессивные веб-приложения - будущее? Дайте мне знать непосредственно на @aksinghnet или напишите комментарий через раздел комментариев ниже, чтобы оставить свой ответ.