Progressive Web Apps - требуется тестеры

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

Компонент разрабатывался как бесплатный, но хочу сделать платным (500 руб), что бы была мотивация для доработки и обновления, иначе времени думаю не будет хватать, как это было с компонентом "AMP + Турбо-страницы".

Что это такое?

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

Требования:

Сайт в SSL сертификатом (https)
Сайт с адаптивным дизайном под мобильных телефонов.
Умение генерировать иконки от сюда и загрузить файлы в папку /upload/pwa

Как тестировать?

После установки и настройки компонента, откройте ваш сайт через барузер хром, яндекс браузер или мозилла.
Нажмите F12 — откроется инструмент разработчика — нажмите на вкладку Console — там должен быть текст Успешная регистрация службы ServiceWorker: prntscr.com/kjdyiw
Еще советую установить расширение для браузера Lighthouse, с помощью которого можно увидит ошибки, если есть

Скриншоты:

Компонент разрабатывался как бесплатный, но хочу сделать платным (500 руб), что бы была мотивация для доработки и обновления

Нормально.

Сайт в SSL сертификатом (https)
Сайт с адаптивным дизайном под мобильных телефонов.

Могу (оплатив 500 р)) взять в том виде какой есть и поставить на рабочий сайт для теста.
Посмотреть что и как...

Если вылезет что то, то обновления думаю сильно не затронут сайт...

ЗЫ: У меня два дизайна стоит, для десктопа и мобильного.
Но думаю получится потестить…

Rainbow, Дайте почту, отправлю архив

Готов потестить. Вышлю запрос в личку

при посещении вашего сайта через Хром или Mozilla, браузер предлагает сохранить ваш сайт, после сохранения, получиться что то вроде мобильное приложение.

Что-то картинка не вставляется =( а ведь она побудила написать меня нижесказанное. scontent-arn2-1.xx.fbcdn.net/v/t1.0-9/38723609_10216615188117985_4368070989452410880_n.jpg?_nc_cat=0&oh=5555bae6e6ea69c9a131c4fe5df784ed&oe=5BC6B031
Всем смотреть обязательно!

Какое-то помешательство последнее время наблюдается здесь на сайте)))
Откровенно не понимаю людей которые ставят себе различного рода приложения от обычных (контентных) сайтов! Зачем?! Читать инфу гораздо удобнее через браузер, и не надо засорять память телефона всяким хламом.
У меня, например, из подобных приложений только youtube установлен (шел с телефоном по умолчанию). И, мое имхо, такие приложения кроме самих держателей сатов и их близких никому не нужны.

P.S. Я не против приложений в целом и PWA в частности, но надо чтобы это было именно ПРИЛОЖЕНИЕ, которое выполняет какие то функции (функция вывода текста это слишком мало для отдельного приложения).

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

Вот и отлично.

Откровенно не понимаю людей которые ставят себе различного рода приложения от обычных (контентных) сайтов! Зачем?! Читать инфу гораздо удобнее через браузер, и не надо засорять память телефона всяким хламом.

Суть в том, чтобы зацепиться на мобильном устройстве, сообщать о новых статьях, быть на виду. А читать в PWA и будет вид сайта как он есть, только без браузера.

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

Желаю успеха в развитии компонента!

Val, из картинки меня раздражает только пункт 2, остальных редко встречаю)

но надо чтобы это было именно ПРИЛОЖЕНИЕ, которое выполняет какие то функции

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

Было бы неплохо иметь PWA версию сайта docs.instantcms.ru/

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

По компоненту.
Сам компонент устанавливается и работает нормально.

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

Настройки понятные.

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

Это и понятно, надо прописывать в скрипт какие страницы должны кэшироваться.
(И насколько понял не только страницы, но и все скипты, стили, если есть отличие от тех что прописаны изначально)

НО. сама технология PWA подразумевает что сайт должен полностью отрисовываться менее чем за 10 сек.
То есть надо брать вначале Lighthouse и подготавливать сайт.

В итоге у меня на НЕ ПОДГОТОВЛЕННОМ на 100% ( по Lighthouse) сайте, нормально отрабатывает только на Хроме.
В Лисе, Яндекс Лайт браузере, Опере (мини и обычной) не взлетает.

Однако у меня довольно медленный интернет и визуально страницы грузятся довольно долго.
Возможно из- за этого.

Как то так.

Это и понятно, надо прописывать в скрипт какие страницы должны кэшироваться.

Согласен, такая функция нужна будет. Особенно, если сайт статика.

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

вы в этот компонент планируете другие функции PWA постепенно добавлять

Evanescence, конечно виднее он разработчик.
Но мне кажется, это очень сильно усложнит компонент.

При этом добавит массу гемора и вопросов от пользователей...
А смысл? просто посмотреть не 1-у, а 2-5 закэшированных страниц?

По мне эта функция сама по себе бесполезна.
Возможно я ошибаюсь.

Другое дело, что Push уведомления (может ошибаюсь, но они наверно от RSS должны браться)
Сделало бы немного интересней приложение.

Но тоже не сказал бы что крайне нужно...

Главное иконка устанавливается, сайт открывает.

По использованию браузеров и мобильных устройств у меня вот такая картина:

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

Лично я не дам (если только одному Вам в личку) свой сайт для публичного теста. Не хочу потом не региональные объявления массово с сайта выгребать.
(Только вчера пришлось одну забанить за массовое добавление не профильных объявлений (спам))...

Вообще с публичным тестом конечно проблемы наверное будут… Для теста необходим сайт с SSL Сертификатом, а это значит рабочий сайт, не знаю найдется ли кто желающий…

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

Можно по подробнее? не понял о чем Вы

при попытке перейти на другие страницы, естественно уведомляет о недоступности.

Вам надо посещать эти страницы, когда есть интернет, потом оффлайн можно посмотреть.

И насколько понял не только страницы, но и все скипты, стили

Думаю только css и js файлы, страницы (т.е. url страницы не обязательно)

В итоге у меня на НЕ ПОДГОТОВЛЕННОМ на 100% ( по Lighthouse)

Можно ссылку на сайт в ЛС? хочу посмотреть какие там замечания

вы в этот компонент планируете другие функции PWA постепенно добавлять?

Какие например? Насколько я понял, функции это регистрация, пуш уведомления и кэширование, всё это сейчас есть.

Можно по подробнее? не понял о чем Вы

Не знаю как другие, но я иногда при установке приложений переименовываю папку default в шаблонах на свой шаблон и ставлю в него.
Так вот, если поставить этот компонент не в дефолтный шаблон, то при попытке настройки в админке будет 500.

Вам надо посещать эти страницы, когда есть интернет, потом оффлайн можно посмотреть.

Понятно попробую.