VaM

Рейтинг
140
Регистрация
23.02.2003

Лично для меня интересна унификация.

Мне проще состряпать сайтик с адаптивной вёрсткой на чём угодно, на php, на чистом

html+css, js, на python, на любом техническом стэке, нежели писать нативный код.

Прицепить service worker к сайтику и всё, я могу спокойно размещаться в google play отдельным приложением.

Для тех, кто пишет нативные приложения, конечно ничего интересного.

Это интересно, как я это понимаю, именно веб-разработчикам, тем, кто связан именно с сайтами в широком смысле.

Появилась возможность размещать свои сайты в google play в виде приложений, не создавая по сути своё приложение.

До того как гугл представил TWA (Trusted Web Activities) я например не мог разместиться в google play ни в каком виде, только если напишу нативное приложение для андройд.

Сейчас я могу просто сгенерировать автоматически apk через сервисы типа https://appmaker.xyz/pwa-to-apk/

т.е. указали адрес своего сайта, нажали кнопку, на выходе получили инструкции и готовый apk файл.

Который размещаете в Google Play Console, и, что, более важно, гугл всё это проверяет, проходят модерацию такие пакеты и гугл одобряет их и размещает в google play.

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

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

Вот это как раз для таких пользователей.

Кто знает, что такое браузер, там конечно нет проблем, a2hs делает тоже самое, добавляет иконку на рабочий стол.

Но этого недостаточно, imho. Не хватало именно размещения приложения в google play, что, собственно, и появилось.

---------- Добавлено 06.11.2019 в 17:02 ----------


Я не вижу что там в гуглоплее изнутри, и возможно потому не понимаю почему ты называешь добавленное в гуглоплей "PWA", но я делал точно такие же apk-шки на винде. Это не PWA. Такое можно сотворить с любым сайтом, даже на http (без ssl, чего требует PWA). Причем в этом случае совершенно неважно какой браузер установлен у юзера. Используется Android Webview.

Нет, service worker не работает без ssl.

a2hs тоже не работает без service worker и ssl.

Лично для меня интересен именно момент унификации, единого кода, зачем мне android webview, я не хочу ничего знать об android studio, настройках проекта, сборке, компиляции, не хочу ничего знать об android, операционных системах, на которых будет открываться/запускаться мой сайт. Меня это не интересует.

Я лишь занимаюсь своей частью, а именно - сайтом и именно теми инструментами, к которым привык. Кому-то нравится wordpress, тот на wordpress делает, кто-то на чистом html.

Но и у тех и у тех появилась возможность разместиться в google play.

Как минимум offline режимом через service worker.

Push уведомлениями через service worker.

Лично для меня всё это интересно имено как унификация разработки.

Грубо говоря, всё на javascript, все 100%

и для небольших проектов, сайтов, это очень сильно упрощает жизнь, imho.

SeVlad:
Вынесено из /ru/forum/1023855
========


Если я не правильно понимаю "Progressive web app", то созданное через google play это уже не PWA. Это уже нативное приложение созданное с использованием стороннего ПО (в данном случае гугловским).
А веб приложение - оно именно на сервере, на девайсе создаётся.. грубо говоря ярлык, при вызове которого работает браузер, но без GUI.

Пример такого PWA: https://mdn.github.io/pwa-examples/js13kpwa/

Я сегодня сделал эксперимент на ведродиде 6.0. Установил гуглохром и оперу и с их помощью подобавлял иконки на "раб. стол". После сноса этих браузеров соответствующие им "приложения" не работали.


А без хрома будет работать? Если да, то никакое это не PWA.

Нет, без хрома работать не будет.

Но я например не вижу в этом проблемы, хром - это монополист и стандарт де факто.

Основная идея - это унификация кода между платформами.

Вам не надо писать отдельный код для android, от слова совсем.

Именно этим и интересны новые возможности гугла, т.е. возможность размещать pwa в магазине приложений google play. Это именно PWA и именно на Вашем сервере, но оно добавляется в магазин приложений google play как обычное приложение, через apk архив. Вся схема работы остаётся стандартной для android приложений, установка-удаление, управления релизами, всё стандартно через google play console.

А так-то да, по сути - apk архив, это просто оболочка для Вашего сайта, pwa-приложения.

Называется TWA (Trusted Web Activities), вот подробнее на сайте гугла - https://developers.google.com/web/updates/2019/02/using-twa

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

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

_SP_:
Кстати да, есть и правда...
Ммм.... вы тестите быстродействие с 2 товарами в базе ?

Тестировал у себя на локальной копии, с забитыми товарами.

Через Apache Benchmark:

ab -c 10 -n 100 http://vamhost.loc/

Каких-то особых проблем пока не заметил, результаты на уровне php + mysql кода.

Если учитывать, что онлайн-демка на самом слабеньком VDS за 100 руб. сидит, с ограничениями на процессор, память, диск, то довольно неплохо работает.

https://developers.google.com/speed/pagespeed/insights/

https://www.webpagetest.org/

http://gtmetrix.com/

Тоже хорошие результаты показывает.

PageSpeed Insights гугловский - 95 из 100 для мобилок. 100 из 100 для компов.

_SP_:
Как-то не очень впечатляет результат...
https://www.google.ru/search?q=site%3Avamhost.ru&oq=site%3Avamhost.ru

Где товар, зин ?

Да вроде на месте.

Товар А и Товар B

Только непонятно почему в title гугл подставил Shipping & Returns

Sitealert:
VaM, не кажется ли Вам, что весь этот флуд был бы уместен на Вашем сайте, а не здесь?

Раздел называется "Веб-строительство".

Я пишу о новых возможностях в google play market и pwa веб приложениях.

Ничего не продаю, рассказываю о бесплатном движке, доступном всем и каждому, разрабатываемом на github.com/cezerin2

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

Если нарушаю правила, удаляйте тему.

С недавнего времени Google разрешил добавлять в свой магазин приложений Google Play так называемые PWA приложения, т.е. прогрессивные веб приложения.

Что такое PWA приложения и причём здесь cezerin?!

Цитата из wikipedia:

Прогрессивное веб-приложение*(англ. — progressive web app, PWA) — технология в веб-разработке, которая добавляет сайтам возможности приложений для мобильных устройств. В частности, PWA обладают такими признаками:

Устанавливаются на*смартфоны*или планшеты пользователей.
Работают в режиме офлайн благодаря кэшированию контента.
Доставляют пользователям пуш-уведомления.

Если совсем коротко — PWA приложение — это обычный веб-сайт, с адаптивным шаблоном.

Что это значит для пользователей Cezerin?!

Это значит, что Вы можете увеличить аудиторию своих интернет-магазинов, работающих на базе Cezerin*за счёт размещения своего интернет-магазина в виде приложения в магазине приложений Google Play.

Сразу покажу пример, как это выглядит на практике, на примере Cezerin.

Вот посмотрите демонстрационный сайт с Cezerin PWA —*vamhost.ru

А теперь возьмите телефон и через магазин приложений Google Play установите приложение, адрес приложения*https://play.google.com/store/apps/details?id=xyz.appmaker.aqckvs

Магазин будет отображаться точно так же как в браузере, по сути, приложение - это просто обёртка для Вашей веб-версии.

Теперь Вам не надо тратить лишние средства на написание своего мобильного приложения.

Ваш работающий магазин на базе Cezerin — это и есть уже готовое прогрессивное веб-приложение.

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

Благодаря современным подходам к разработке, Ваш магазин на базе Cezerin уже по умолчанию является готовым приложением.

Какие преимущества Вы получаете, добавляя свой магазин в виде приложения в Google Play:

Потенциально больший охват целевой аудитории.

Не все используют браузер на смартфоне, как бы странно это ни звучало.

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

Нет необходимости помнить адрес магазина, иконка приложения всегда на видном месте на рабочем столе смартфона.

Иконка Вашего магазина всегда перед глазами пользователя смартфона, на рабочем столе.

Нет необходимости в привлечении сторонних компаний, разработчиков, программистов.

Вам магазин — сам по себе уже готовое приложение.

Нет необходимости писать отдельное приложение для смартфонов.

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

Ничего этого не надо делать в случае если у Вас уже есть работающий магазин на базе Cezerin.

Любые изменения в Вашем магазине — будут моментально доступны в приложении на смартфонах пользователей.

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

Всё доступно онлайн, в режиме реального времени.

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

Нет необходимости выпускать новую версию приложения, ждать пока приложение будет проверено, пройдёт модерацию гугла, станет доступным обновление в google play.

Работает в офлайн режиме

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

Причём url адрес не показывается, это хорошо, вне зависимости от того как PWA приложение установлено.

1. Либо через a2hs (add 2 home screen), т.е. чисто через браузер.

2. Либо через google play.

Выглядит именно как приложение, без адресной строки.

Единственное, у меня в первый раз написало при запуске приложения - Используется chrome.

Но при следующем запуске уже всё нормально, ничего лишнего.

Хотя установка через браузер (a2hs) выглядит симпатичнее, получается заставка при старте приложения. Через google play запуск без заставки.

В общем, в гугл молодцы, прям универсально и удобно всё сделали.

Пиши на чём хочешь, но делай адаптивный шаблон + service worker - и вперёд, добавляйся в телефон пользователя, через браузер и a2h + через приложение в google play market, которое тоже генерируется автоматически.

и не нужны android studio, java, kotlin, нативный код, библиотеки, настройки, сборки там всякие.

Пиши хоть на коленке на чистом html+css+js

Да, интересно. После того как гугл стал принимать PWA приложения, стало проще некуда добавиться в play market. Вообще нативный код не надо писать, очень круто.

Я напишу наверное новый раздел в документации https://cezerin.org/docs

Вообще ничего сложного.

т.е. сейчас установили к себе на сайт wordpress, opencart, любой другой движок с адаптивным шаблоном и всё, считайте это Ваше приложение в Play Market.

Можно потенциально охватить больше аудитории, в том числе тех, кто браузером не пользуется, а просто качает приложения в play market.

Причём это для любого адаптивного сайта подойдёт.

Единственное, нужно service worker настроить на сайте, но у гугла тоже всё готово, workbox называется.

Опубликовали PWA приложение в магазине приложений Play Google.

https://play.google.com/store/apps/details?id=xyz.appmaker.aqckvs

т.е. это демка https://vamhost.ru обёрнутая в apk архив, причём сделано это автоматически, через сервис, ничего вручную компилировать, настраивать не надо в android studio.

Да, классно. Теперь не надо код для приложения писать.

Любой адаптивный сайт - всё, считай готовое приложение.

Молодцы конечно в гугл, что разрешили PWA публиковать.

Всего: 106