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

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

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

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

Прогрессивные веб-приложения (PWA) — это веб-приложения, которые живут в вашем браузере и состоят из CSS, HTML и JavaScript. Вы также можете рассматривать PWA как нечто среднее между мобильным сайтом и приложением. Другими словами, это гибрид.

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

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

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

Как использовать прогрессивное веб-приложение в оффлайне

Чтобы использовать прогрессивное приложение в оффлайне, вам нужно включить некоторые экспериментальные функции Chrome. Введите в адресной строке Chrome следующие команды: chrome://flags/#bypass-app-banner-engagement-checks

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

На данный момент прогрессивные веб-приложения не работают на Safari/iOS. Это означает, что вы не сможете наслаждаться оффлайн-режимом, push-уведомлениями или установкой на главный экран. Надеемся, что Apple скоро перейдет на прогрессивные приложения.

Примером прогрессивного веб-приложения является сайт Twitter. Он делает то, что должно делать прогрессивное веб-приложение: у него есть подсказка “Добавить на главный экран”, снижает потребление данных и имеет почти мгновенную загрузку с помощью скриптов сервисного работника.

Безопасность прогрессивных приложений

Поскольку они живут в вашем браузере, нет необходимости в магазине приложений, и они всегда будут использовать HTTPS для безопасности. Если сайт не работает с HTTPS, он не может квалифицироваться как прогрессивное приложение. Сайт должен иметь установленный SSL или TLS сертификат в браузере.

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

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

Их также можно добавить на ваш мобильный главный экран, и они могут отправлять push-уведомления. Прогрессивные веб-приложения также являются преимуществом для тех компаний, которые их используют, поскольку они помогают сократить время и затраты на обслуживание.

Firefox последовал примеру Chrome, и с Firefox 58 вы сможете наслаждаться прогрессивными веб-приложениями. Если вы наткнетесь на сайт, у которого есть действительный манифест и который обслуживается по HTTPS, вы должны увидеть значок в адресной строке.

Когда вы выберете его, вы увидите сообщение “Добавить на главный экран”. Вы не потеряете никаких достижений, которые вы сделали на сайте, если нажмете на внешнюю ссылку, когда запустите приложение с главного экрана.

PWA против нативных приложений

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

Разработчикам нужно будет создать только одно приложение, которое будет работать на всех текущих платформах и устройствах. С прогрессивными веб-приложениями вам не нужно ничего устанавливать перед их использованием, в отличие от нативных приложений.

Хотя PWA отличные, у них есть свои недостатки, поскольку они все еще относительно новые. Например, у них ограниченные возможности при попытке интегрироваться с функциями вашего планшета или смартфона.

Они все еще не могут интегрироваться с такими функциями, как Bluetooth, датчик отпечатков пальцев, акселерометр или NFC. На данный момент нативные приложения более надежны, чем PWA, но время покажет, чем закончится эта история.

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

Ограничения PWA

Прогрессивные веб-приложения должны стать следующим большим шагом, но у них есть свои недостатки. Например, они не работают во всех браузерах, таких как Edge, Safari, Internet Explorer и других пользовательских браузерах. PWA работают на более новых версиях браузеров, таких как браузер Android от Samsung, Opera и Chrome.

Ограничение также затрагивает устройства, поскольку не все из них могут их поддерживать. Android поддерживает PWA, но есть некоторые проблемы с поддержкой, поскольку они все еще относительно новые.

iOS в настоящее время не поддерживает PWA, поскольку у него есть проблемы с поддержкой уведомлений и подсказок на главном экране устройства. На данный момент Apple официально не объявила, собирается ли она внедрять PWA в ближайшее время.

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

Заключение

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

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