Узнайте о плюсах и минусах прогрессивных веб-приложений (PWA)

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

По сути, это модернизированные веб-приложения с причудливым названием (спасибо, Google Chrome).

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

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

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

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

Прежде всего, вам нужно знать о прогрессивных веб-приложениях, потому что за ними будущее. Согласно опросу читателей более 800 технических специалистов, проведенному JAX Enter, 46% респондентов заявили, что они считают, что будущее за PWA, а не за нативными или гибридными приложениями.

Разница между прогрессивными веб-приложениями, непрогрессивными веб-приложениями и нативными приложениями

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

Источник

Нативные приложения — это приложения, созданные на определенном языке для конкретного устройства (смартфона, планшета и т. д.), которые необходимо загрузить из магазина приложений. В приведенном выше примере приложение MyPay от Dish является собственным приложением, поскольку его можно загрузить из Apple App Store и оно было создано для устройств iOS. Несмотря на то, что вы также можете загрузить приложение MyPay от Dish в Google Play, Dish на самом деле пришлось разработать второе родное приложение, чтобы это стало возможным.

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

Более бюджетный тип приложения? Непрогрессивные веб-приложения. Самая ранняя форма веб-приложений, непрогрессивное веб-приложение, представляет собой приложение, которое не нужно загружать из магазина приложений; скорее, он доступен только через Интернет.

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

Фактически, для того, чтобы веб-приложение считалось прогрессивным веб-приложением, Google говорит, что для приложения должно выполняться следующее:

• Прогрессивный . Он должен работать во всех типах браузеров, а не только в IE или Chrome.
• Отзывчивый . Приложение должно подходить ко всем современным телефонам, планшетам и гаджетам будущего.
• Независимый . Он должен иметь возможность работать в автономном режиме или при слабом сетевом соединении.
• Приложение в стиле . Приложение использует навигацию и стиль в стиле приложения.
• Свежий. Всегда в курсе.
• Безопасно. Предоставляется пользователям через безопасность транспортного уровня или чаще называется URL-адресом HTTPS.
• Обнаруживаемый. Можно найти с помощью поисковой системы.
• Возможность повторного вовлечения. Возможность повторного привлечения пользователей приложения через платформу (например, push-уведомления).
• Устанавливаемый. Пользователи могут установить приложение на свой домашний экран через магазин приложений, чтобы обеспечить легкий и удобный доступ.
• Можно связать. Приложение может быть передано другим пользователям с помощью URL-адреса.

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

У Google есть свои классификации того, что делает веб-приложение прогрессивным веб-приложением, но вам может быть интересно, как человек может определить, является ли веб-приложение прогрессивным, не имея под рукой контрольного списка? Чтобы сделать это, давайте рассмотрим ключевые функции PWA.

Безопасные контексты (HTTPS)

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

Как и в случае с любым веб-сайтом в 2020 году, ключевой особенностью PWA является то, что они шифруются TSL/SSL, обеспечивая безопасный контекст. Чтобы быстро определить, защищено ли веб-приложение, просто найдите HTTPS в URL-адресе страницы.

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

Источник

Работники сферы обслуживания

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

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

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

Как это возможно? С небольшим файлом JavaScript, это все. Более продвинутые сервисные работники могут даже подключаться к push-API, что позволяет PWA отправлять push-уведомления пользователям, чтобы поддерживать их активность.

Файлы манифеста

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

По сути, метафайлы часто используются, чтобы сообщить веб-браузерам, как должно вести себя приложение PWA, когда оно открыто на определенном устройстве. Создав файл манифеста для PWA, разработчик может установить значок приложения по умолчанию или цвет экрана-заставки. Разработчик также может обеспечить, чтобы приложение открывалось в полноэкранном окне браузера, чтобы создать более «приложенный» интерфейс на конкретном устройстве.

Источник

Преимущества PWA

Конечно, у всех типов приложений есть преимущества. Барт Деферме, директор по гибкой разработке продуктов в Spire Digital, говорит:

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

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

Обнаруживаемый

Google получает 3,5 миллиарда поисковых запросов в день, что делает его крупнейшей поисковой системой в мире. Можно с уверенностью сказать, что когда у людей возникает проблема или вопрос, они обращаются к Google. Это предоставляет прекрасную возможность для организаций, развертывающих PWA, поскольку они могут жить в Интернете, в дополнение к магазину приложений. Это облегчает людям поиск PWA по сравнению с другими приложениями.

Возможность обнаружения PWA является большим преимуществом, поскольку позволяет пользователям выполнять поиск там, где они ищут больше всего, получать ответы и выполнять действия в одном месте. С PWA им не нужно прыгать через обручи загрузки всего приложения и смотреть, как колесо загрузки в магазине приложений медленно катится к «100%, загрузка завершена».

Устанавливаемый

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

Ссылка

Гораздо проще поделиться ссылкой на ваше любимое приложение с другом, чем сказать ему «иди и поищи это приложение в магазине приложений». Ссылками можно легко делиться по электронной почте, в социальных сетях и т. д. Связываемость и возможность обнаружения — два преимущества PWA, которые работают синхронно, сокращая количество времени, которое требуется пользователю в первый раз, чтобы получить доступ к приложению, а также уменьшая количество времени, которое требуется суперпользователю, чтобы поделиться приложением с друзьями или потенциальными пользователями.

Независимый от сети

Сетевой шметворк. Мы никогда не сможем получить полные бары везде, куда бы мы ни пошли в мире. Но опять же, нам не нужны полные полосы для работы PWA, не так ли?

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

Отзывчивый

Вы когда-нибудь хотели поиграть в Words с друзьями, пытаясь выглядеть заинтересованным во время звонка в Zoom? Если бы Words with Friends был PWA, а не нативным приложением, вы могли бы (кстати, это отличная идея, кто-нибудь, пожалуйста, сделайте это). PWA обеспечивают бесперебойную работу пользователей независимо от типа устройства или браузера. Это означает, что вам не нужно всегда иметь под рукой телефон или ноутбук, чтобы использовать свое любимое нативное или непрогрессивное приложение.

Еще одно преимущество оперативности заключается в том, что организациям не нужно создавать несколько приложений для нескольких групп пользователей. Пользователи ваших ноутбуков и пользователей мобильных телефонов могут быть удовлетворены развертыванием одного приложения — PWA. Это преимущество, как правило, является одним из лучших аргументов в пользу PWA, поскольку оно экономит организации на расходах на ИТ и маркетинг.

Безопасно

Особенно при использовании финансового, медицинского или страхового приложения пользователи хотят знать, что к их личным данным не обращается какой-то чувак с Каймановых островов. Проще говоря: безопасность укрепляет доверие пользователей. Безопасные контексты и шифрование URL-адресов позволяют PWA обеспечивать уверенность как ваших пользователей, так и поисковых роботов Google.

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

Источник

Вывод

Подумайте об этом: мир движется к реальности «Бегущего по лезвию», где люди скоро будут подключены к программному обеспечению 24 часа в сутки (если вы еще этого не сделали). Опередить развитие технологий и получить максимальную отдачу от инвестиций означает инвестировать в программное обеспечение с наибольшей долгосрочной ценностью.

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

PWA являются наиболее перспективным типом приложений, поскольку они:

• Доступно через Интернет или магазин приложений
• Отзывчивый и готовый для любого браузера
• Сетевое подключение независимо
• Безопасный и зашифрованный
• И более

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

Подходит ли PWA для вашей организации? Кто знает. Но никогда не помешает лучше понять все варианты вашего приложения.

Получите более полное представление о других способах разработки приложений в информационном центре разработки приложений G2.