Как на Android превратить любой сайт в PWA

Приложения – это, пожалуй, самый удобный инструмент взаимодействия с любым веб-сервисом, не идущий ни в какое сравнение с сайтами. Вы только представьте себе, что вам пришлось бы смотреть YouTube не в мобильном приложении, а через сайт. В принципе, большой трагедии бы не случилось, но об интуитивности при таком варианте взаимодействия не может быть и речи. Но, чтобы сделать полноценное приложение, нужно много времени и ресурсов. Куда проще сделать так, чтобы сайт сам работал как приложение. Это может сделать любой желающий.

Как на Android превратить любой сайт в PWA. Прогрессивные веб-приложения — это новый тренд на рынке мобильного софта. Фото.

Прогрессивные веб-приложения — это новый тренд на рынке мобильного софта

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

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

Как сделать PWA на Android

Но недавно на Android появился инструмент, который сам превращает сайты в PWA.

Как сделать PWA на Android. Прогрессивные веб-приложения удобнее, чем обычные сайты. Фото.

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

  • В браузере откройте нужный сайт и скопируйте его URL-адрес;
Как сделать PWA на Android. Тут вы можете настроить PWA так, как вам нужно. Фото.

Тут вы можете настроить PWA так, как вам нужно

  • Запустите NativeAlphaForAndroid и вставьте URL в приложение;
  • Подтвердите преобразование и добавьте иконку на рабочий стол.

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

Чем PWA отличаются от приложений

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

Чем PWA отличаются от приложений. Слева — сайт, справа — PWA. Фото.

Слева — сайт, справа — PWA

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

Google рассказала, как защищает Android от взломов

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

Что мы имеем на выходе? С одной стороны, автоматически созданные PWA — это не идеальная замена реальным приложениям, которые мы скачиваем из Google Play. Но, с другой, они могут прийтись кстати в ситуациях, когда мы пользуемся каким-то сайтом на постоянной основе и хотим, чтобы он стал чуточку дружелюбнее. NativaAlphaForAndroid справляется с этой задачей на все 100%. А что ещё надо?

Теги
Лонгриды для вас
Быстрая зарядка
Почему не работает быстрая зарядка на смартфоне и что сделать, чтобы включить её

Быстрая зарядка - это термин, который обозначает очень не универсальное явление, протекающее зачастую с несопоставимыми скоростями. Например, для Айфона быстрой считается зарядка на мощности 20 Вт, а для смартфонов Realme - 200 Вт и выше. В результате там, где первому на восполнение ёмкости аккумулятора требуется не меньше 2 часов, вторые справляются за 10-15 минут максимум. Сказываются разные технологии производства АКБ, а также самих методик подачи электроэнергии, которую разные аппараты обрабатывают и воспринимают совершенно по-разному. Отсюда и характер проблем, которые периодически возникают у владельцев смартфонов с быстрой зарядкой.

Читать далее
Как настроить новости ВКонтакте на Андроиде и включить хронологическую ленту

За последние полтора года социальная сеть ВКонтакте переживает вторую молодость. Количество активных пользователей растет, да и все противники VPN тоже перешли именно сюда. С ростом количества контента в подписках лента новостей ВК у многих превратилась в помойку. Но за все годы, которые вы не заходили в VK, появилось множество настроек, которые позволяют навести в ней порядок. Достаточно просто в них разобраться. Так, буквально в пару касаний вы можете скрыть все публикации из конкретного источника или, наоборот, активировать уведомления обо всех новых постах.

Читать далее
Купил бюджетник за 16 тысяч после флагмана и до сих пор жив. Чем хорош Redmi Note 12

У многих пользователей выбор смартфона зачастую начинается с определения цены, которую они готовы за телефон заплатить. Для кого-то не проблема отдать сто тысяч рублей, а для некоторых и двадцать очень серьезная сумма. Но характеристики современных бюджетников уже совсем нельзя назвать стыдными. Если раньше, говоря про дешевый телефон, мы делали ремарку, что в целом пользоваться им возможно, то теперь спокойно пишем о том, что подобные аппараты даже могут доставлять удовольствие в повседневной эксплуатации. Я всегда пользовался исключительно флагманами: сначала от Apple, а потом перешел на Xiaomi Mi 10T Pro с топовым на тот момент процессором и отличным экраном. Но попробовать на себе, что такое настоящий бюджетник, все же хотелось.

Читать далее