Progressive Web Apps для InstantCMS

+35
4.95K

Иллюстрация
Компонент поможет подготовить ваш сайт к работе с Progressive Web Apps (PWA).

ВАЖНО: Компонент не работает без SSL сертификата (https)


Progressive Web Apps (Прогрессивные веб приложения) — это приложения, которые работают через веб внутри браузера, но при этом выглядят и ведут себя как нативные приложения. Google акцентирует три основных особенности PWA:

Надежность – мгновенная загрузка и никаких сообщений об ошибке даже при нестабильном соединении
Скорость – высокая отзывчивость, плавная анимация и никакого тупого скроллинга
Привлекательность – сайт ощущается как нативное приложение для платформы с продуманным интерфейсом

Установка и настройка

После установки зайдите в админку — компоненты — PWA инструмент и выполните 3 шага.

Загрузка иконки — иконки отображается в списке приложении в телефонах.

Манифест — хранить данные о вашем сайте, имя приложение,

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

Возможные проблемы и вопросы

1) Расширение Lighthouse показывает оценку меньше 100. Такая проблема возникает при повтором сканирование сайта. т.е. первый раз показывает 100, потом расширение перестает увидит манифест и другие скрипты, не знаю с чем это связано, но помогает только полная очистка кэш браузера.

2) Сайт без интернета криво отображается. Такая проблема возникает когда вы не указали какой то необходимый скрипт для кэширование (см. настройки Service worker), воспользуйтесь подсказкой при указанны файлов на кэширования.

3) Как остановить/перезагрузить работу Service worker? — для этого в Хроме нажмите F12 — вкладка Application — Service Workers — нажмите кнопку Unregister

0
Capitan Capitan 6 лет назад #
Что-то не появляется никакого запроса на установку
0
Capitan Capitan 6 лет назад #
При аудите пишет что-то типа не зарегистрирован Service worker А где это вообще делать и как это должно выглядеть?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
На страницах настроек компонента, везде стоить Да? http://prntscr.com/kr5fz1
Попробуйте зайти в настройки Манифеста и ServiceWorker и нажать Сохранить
Зайдите на свой сайт, нажмите F12 (в хроме) - вкладка Console - там должно быть надпись "Успешная регистрация службы ServiceWorker:"
+1
Александр Витальевич Александр Витальевич 6 лет назад #
Спасибо за дополнение, а в чем от него польза?
+5
Алексей Т Алексей Т 6 лет назад #
Это веб-сайт, который выглядит и ведет себя так же, как мобильное приложение, что означает, что его можно добавить на главный экран смартфона, отправить push-уведомления, получить доступ к аппаратным средствам устройства и работать в автономном режиме без Интернета. hoho
+2
Александр Витальевич Александр Витальевич 6 лет назад #
Алексей спасибо, все на пальцах объяснили!
+1
RSN RSN 6 лет назад #
Спасибо за дополнение, а в чем от него польза?

Что бы всем не объяснять что такое PWA вот тема, в ней обсуждение этого приложения, и пост в котором есть статья по PWA:
/forum/thread30176-2.html#294583
Или смотрите в сети статьи на тему "что такое PWA".
+1
vikont vikont 6 лет назад #
Здравствуйте!
Сегодня с новой версией и новым описанием наконец дошло как все установить, чтобы работало!
Видимо в тестовом не заработал Service worker и как то не легла душа, когда уперся в "стену".
Самое трудное в компоненте - это настроить Service worker
Какие именно файлы указывать, а какие не надо? Для меня это загадка и сейчас!
А если у меня более 100к страниц, то как я могу их все кешировать?...
Для таких как я нужна общая стратегия: что обязательно внести в список, а что по усмотрению. Если список обязательного большой, тогда хорошо бы процесс автоматизировать.
+1
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
Здравствуйте, не важно сколько страниц 5 или 500, в настройках Service worker надо указать скрипты (css и js) с помощью которых работает ваш сайт.
Посмотрите Подсказку, там примерно выводиться список подключаемых скриптов вашего сайта или можете открыть исходный код своего браузера и посмотреть какие скрипты подключается к вашему сайте внутри <head></head>
Например там подключается скрипт /templates/default/css/theme-widgets.css без этого файла, виджеты криво будут отображается на сайте, если не указать этот файл в настройках Service worker, тогда и в приложении криво будет отображаться, когда нет интернета
0
RSN RSN 6 лет назад #
Я добавил так, открыл main.tpl.php шаблона, между head есть подключение скриптов и стилей, строки вида:

$this->addMainCSS("templates/{$this->name}/css/bootstrap.min.css");

Все это копирую.
Убираю все лишнее оставляя только путь до файлов (и указывая свой шаблон)

templates/ваш шаблон/css/bootstrap.min.css

После этого в "черновую" готово.
Но для более точной настройки надо посмотреть какие еще скрипты и стили подключаются на странице

Например в слайдерах, виджетах и т.п.
Только счетчики не надо)).

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

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

Если при отключенном интернете открыть страницу, на которую не заходили при включенном интернете,
Должно появится уведомление о том что нет интернета...
0
RSN RSN 6 лет назад #

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

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

Автоматизировать не получится, у всех эти файлы свои, свои шаблоны, приложения и т.д.
0
SmartControl SmartControl 6 лет назад #
Авторизация нормально работает? - или это вариант только для гостей?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
Проверял на одном сайте, проблем не было
0
RSN RSN 6 лет назад #
Авторизация нормально работает? - или это вариант только для гостей?

Там все должно работать...
Если не в оффлайне.

Открывается же обычный сайт, как и через браузер...
+1
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
Да оффлайн авторизация не будет работать
0
SmartControl SmartControl 6 лет назад #
Оффлайн то понятно. Я имел в виду если авторизоваться, походить по сайту - все корректно работает? - постинг комментов, загрузкам фоток, добавление новости - проблем нет?

Без интернета телефон можно даже в руки не брать, в такие моменты он обычно на зарядке))
0
letsgo letsgo 6 лет назад #
Ну а с чего им там быть то проблемам? Вот реально не понимаю. Это полностью функциональный, работающий сайт как приложение. 100% функционал сайта в нём работает. Зайдите в браузере на сайт, если всё работает, значит и в PWA всё работает.
0
SmartControl SmartControl 6 лет назад #
PWA это не браузер, браузер это не PWA, То что может работать в PWA - может не работать в браузере. И есть некоторые вещи, которые работают в браузере, но не работают в PWA. Но я это пишу не ради того, чтобы поспорить о смысле жизни. Это все много раз написано в большом количестве источников в открытом доступе.

Я бы и сам проверил, если кто-то поделится в паблик/в личку сайтом на Инстанте с подключенным компонентом (себе не ставлю на демо, там нет сертификата). Если допилить PUSH уведомления на стороне сайта и они будут стабильно улетать авторизованным пользователям по всем необходимым типам уведомлений, то может получиться неплохая штука как минимум для Android. А яблочные как-нибудь и браузером обойдутся пока. Для них нужно или что-то серьезней или ждать и надеяться, что они реализуют более красивую поддержку технологии.

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

Я у себя индивидуальные пуши по уведомлениям инстанта для нативного приложения уже реализовал, может и для Android PWA можно было бы добавить функционал.
0
letsgo letsgo 6 лет назад #
Нагоняете страстей на пустом месте. Всё в PWA работает как в браузере сайт. Если каких деталей нет, добавятся, технология развивается.
+1
SmartControl SmartControl 6 лет назад #
Да что ж вам так хочется втянуть в этот спор. Это же скучно. Мне интересно как бы там пуши реализовать, а не в 100500 раз доказывать, что на моем яблоке это работает чуть лучше, чем никак. Если а андроид с этим лучше, то я только рад. Нужны пуши и подключение камеры, а не бесконечные споры что это супер технология.
0
Василич Василич 6 лет назад #
Выпусти нейтив в паблик :)
+1
SmartControl SmartControl 6 лет назад #
Спойлер
0
SmartControl SmartControl 6 лет назад #
Не совсем обычный.. на iOS получается просто жесть. Постоянно перегружается и выкидывает на главную. Вы свой сайт на iOS проверяли в качестве pwa?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
@SmartControl:
постинг комментов, загрузкам фоток, добавление новости - проблем нет?
Проверил комментарий, проблем нет, с материалами думаю тоже проблем не будет.

Данный момент нет возможности проверить в iOS, возможно кто то другой проверить
0
Capitan Capitan 6 лет назад #
Лайтхаус только сео роказывает 100% а остальное пипец. Шаблон боксед :)
0
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
Дайте ссылку на сайт в ЛС
+3
skewes skewes 6 лет назад #
Evanescence красавчик!!!
Еще и бесплатно раздает)))
Получу зп, закину обязательно рублей 300 вам на печеньки к чаю)))
Очень много полезного делаете для сообщества!
0
Capitan Capitan 6 лет назад #
Успешная регистрация службы ServiceWorker:
А дальше то, что произойти должно? Не понятно что нужно в итоге получить!
0
elv3327 elv3327 6 лет назад #
Авторизироваться на сайте, после второго захода с смартфона должно появится внизу окно с предложением установить приложение.
0
vikont vikont 6 лет назад #
Авторизоваться не обязательно и без этого в браузере Chrone в низу выплывает табличка с предложением... (У меня так)
0
elv3327 elv3327 6 лет назад #
Угу
+1
RSN RSN 6 лет назад #
А дальше то, что произойти должно? Не понятно что нужно в итоге получить!

У Вас все так? (у меня пока еще тестовая версия стоит, но и в этой примерно то же должно быть)



Lighthouse должен показывать оценку PWA 100% если не показывает, устраняйте ошибки которые там написаны ниже.
У меня было две:

1-я сайт открывался не со всех зеркал по https ( а я и не знал )),
2-я сайт грузился дольше 10 секунд (имеется ввиду полная загрузка всей страницы и скриптов, а не отрисовка) решил установкой мобильного шаблона.

Если показывает, зайдите на сайт со смартфона, через браузер Хром.

Должно появится предложение установить иконку на главный экран телефона.
Соответственно её надо установить.)
0
Dmitry Dmitry 6 лет назад #
Не удается записать код в sw.js

Не нашел такого файла совсем.
+1
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
Возможно нет прав на создание файла, попробуйте создать sw.js в корень сайта и заново сохранить настройки
0
RSN RSN 6 лет назад #
Не удается записать код в sw.js Не нашел такого файла совсем.

А зачем его искать? Заполните в админке все шаги, он сам и создасться уже записанный))
0
Dmitry Dmitry 6 лет назад #
Не создается - в том и проблема.
Создал сам, права семерки выставил, не пишется.
0
elv3327 elv3327 6 лет назад #
Где найти Lighthouse ? На 4 андроиде уже не выскакивает предложение установить, на 5 после удаления приложения, очистки кеш в приложения - хром - очистить кеш снова стало выскакивать, возможно нужно еще перезагрузить смартфон.
+1
RSN RSN 6 лет назад #
На десктопе браузер Хром в нем найти и установить приложение Lighthouse.
Тестировать через Lighthouse с десктопа, я так делал.

Потом если PWA 100% зайти с мобильного...
0
RSN RSN 6 лет назад #
ЗЫ: На 4.2 андроиде у меня работало...
0
elv3327 elv3327 6 лет назад #
lighthouse, после установки в хроме появится сверху справа значок.
0
elv3327 elv3327 6 лет назад #
First Contentful Paint 4 610 ms это наверно много...
0
Capitan Capitan 6 лет назад #
Во! Это уже радует :)
0
elv3327 elv3327 6 лет назад #
На 5 андроиде, достаточно удалить приложение, зайти в хром под логином и появится уведомление о установке. В Lighthouse эмуляция на Nexus 5X.
0
Capitan Capitan 6 лет назад #
Блин кто-нибудь объясните что именно должно произойти после всех настроек!
+1
elv3327 elv3327 6 лет назад #
Нужно зайти в браузер гугл хром на смартфоне, прокрутить страницу вниз и по идее должно появится всплывающее окно с предложением добавить ярлык на рабочий стол. У меня ставится приложение с иконкой и названием, которые указывались в компоненте.
0
elv3327 elv3327 6 лет назад #
Нажал крест на всплывающем окне и сейчас не предлагает установить ... sad
0
RSN RSN 6 лет назад #
Попробуйте в админке, в Настройках, изменить "Абстрактный счетчик" (цифры на увеличение) после этого удалить кэш (если включен). После этого должен опять предложить.

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

Или на телефоне в браузере удалить "Историю", тоже опять предложит...
0
elv3327 elv3327 6 лет назад #
После нажатия на крест не уведомляет. Ничего не помогает , возможно где-то зависла информация о приложении, гугл хром еще обновился. ...
0
elv3327 elv3327 6 лет назад #
На 4,4,2 скину на заводские настройки, если не поможет значит проблема с стороны сайта \ компонента.
+2
Pisces Pisces 6 лет назад #
Спасибо за дополнение )
0
Capitan Capitan 6 лет назад #
Друзья покажите скриншот что должно появиться!
0
elv3327 elv3327 6 лет назад #
Должно в браузере хром на смартфоне выехать окошко с предложением разместить ярлык на рабочий стол. Если нажимали на крестик ...
0
elv3327 elv3327 6 лет назад #
Интересует вопрос можно ли чтобы нажатие на крестик являлось действием закрыть окно, а не не предлагать установить больше ? Ну и чтобы выскакивало окно хотя бы еще 2-3 раза ? Спасибо.
0
Capitan Capitan 6 лет назад #
не знаю у кого как но на 6м айфоне ничего не происходит
0
SmartControl SmartControl 6 лет назад #
На айфоне надо ручками добавить сайт на рабочий стол. Те приложения, что я проверял работали на яблоке очень печально. Пока это технология больше для андроид.
+2
RSN RSN 6 лет назад #
Добавлю больше), даже на андроид, уверенно работает только с Хромом, с Мозиллой менее уверенно, с остальными никак))
Кому лень прочитать статью. Можно прочитать мой пост при тестировании, что бы потом не искать того чего оказывается не может быть))

/forum/thread30176-2.html#294583

А здесь, что и на каких браузерах происходит (или не происходит, как позже выяснилось)
/forum/thread30176-2.html#294560
0
elv3327 elv3327 6 лет назад #
Новости с полей:
В браузере хром ... (меню) - настройки - настройки сайтов - всплывающие окна - разрешены
Должно появится уведомление внизу браузера
Настройки - ~ об устройстве - ~ версия ядра - нажать 10 раз - вы станете разработчиком
Если нажать на всплывающее окно - установить ярлык на рабочий стол - разрешить - установится приложение
0
elv3327 elv3327 6 лет назад #
Чтобы появилось всплывающее окно нужно полистать 2-3 страницы сайта.
0
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
На моем телефоне появляется при открытии сайта, через 5-10 секунд, проверял на нескольких сайтах
И никаких прав разработчика и другие настройки не требуется
0
RSN RSN 6 лет назад #
И никаких прав разработчика и другие настройки не требуется
Подтверждаю.
Настраивать ничего не надо. Несколько раз пробовал с чистых заводских установок, ставить Хром и сразу (без настроек) открывать сайт.
Другой вопрос, что иногда может не появится из-за того что сайт медленно открывается (как вероятная причина, других не нашел).

Вообще заметил, что не 100% что вообще может появится предложение даже в Хроме...
Возможно связано со скоростью загрузки или кэш где то остается (не знаю)....
0
Capitan Capitan 6 лет назад #
Не понимаю. У остальных открывает у меня на айфоне в хроме и сафари ничего не происходит :(
0
RSN RSN 6 лет назад #
facepalm НА АНДРОИДЕ В ХРОМЕ... НА ЯБЛОКАХ НЕ РАБОТАЕТ
0
RSN RSN 6 лет назад #
ЗЫ: Точнее про яблоки не знаю... но все что пишу относится только к АНДРОИДАМ.
0
elv3327 elv3327 6 лет назад #
Если не вылетает окно - хром - ... (меню) - добавить на главный экран .
0
SmartControl SmartControl 6 лет назад #
Дам какой хром, это ж яблоко. Там сафари, ну и у меня фаерфокс ещё стоит, но в нем не проверял.
0
SmartControl SmartControl 6 лет назад #
На айфоне само ничего не происходит - вам нужно ручками в браузере нажать кнопку добавления на экран. И добавленная ссылка будет работать как PWA. Если сайт не настроен - откроется в браузере
0
elv3327 elv3327 6 лет назад #
Когда я скинул на заводские настройки 5 андроид , сайт при H+ грузился медленно , ничего не вылетало, потом на wi-fi уже подключил. В хром по умолчанию всплывающие окна выключены, подумал дело в этом, включил всплывающие. Окно всплыло , но не ставилось приложение, врубил разработчика, установилось. Сейчас вплывает при выключенных всплывающих окнах. А в предыдущей версии хром вообще не чистился кеш.
0
elv3327 elv3327 6 лет назад #
Понял почему не предлагало "добавить на рабочий стол" . Компонент не работает без SSL сертификата (https) . В .htaccess нет редиректа на https, с https только главная страница, в мобильной версии нужно нажать Меню - главная страница и выскочит уведомление.
0
Remi Remi 6 лет назад #
Автору +! Установилось с помощью "Добавить на главный экран", но не отобразило в "Приложениях"

Не хватает полосы прогрузки страниц как в хроме;
Возможность убирать экран приветствия;
Возможность задавать фон как изображение;
PUSH уведомления;
0
elv3327 elv3327 6 лет назад #
В хроме если добавлять на экран ставится в приложениях.
0
Remi Remi 6 лет назад #
Почему-то у меня так не получилось
0
elv3327 elv3327 6 лет назад #
Есть бесплатный ssl на хостинге Let’s Encrypt. В Меню - Главная прописал https://сайт . Если открыть на мобильном в хроме Меню - Главная , предложит "добавить на экран" - разрешить - ставится . Чтобы все страницы были с https по идее нужно прописывать в .htaccess редирект.
0
elv3327 elv3327 6 лет назад #
Так работает только на андроид и только в хроме.
0
Capitan Capitan 6 лет назад #
Не ну айфон я менять на андроид не буду :))
0
SmartControl SmartControl 6 лет назад #
нее, все проще. Ну или сложнее. Менять не нужно, а вот извратиться придется.

На айфоне вам надо руууучками из менюшки добавить сайт на рабочий стол и если все норм (я пробовал из safari), то он добавится как приложение PWA.
0
Capitan Capitan 6 лет назад #
Напишите пожалуйста по подробнее как это сделать zst
0
SmartControl SmartControl 6 лет назад #
1. открыть страницу сайта
2. внизу в панели браузера кликнуть на кнопку "Поделиться" (посередине) - это там где можно поделиться ссылкой в твиттер, фейсбук и тд..
3. там в нижней строке есть иконки "В список для чтения", "Добавить закладку"... Выбирайте "На экран Домой"

это добавит ссылку на сайт на рабочий стол. Если сайт настроен как надо, то при клике на иконку откроется PWA приложение, в противном случае откроется страница сайта в браузере
0
Capitan Capitan 6 лет назад #
Ура получилось. Но раньше то этой кнопки «доьавить» не было!
0
Capitan Capitan 6 лет назад #
Ура получилось. Но раньше то этой кнопки «доьавить» не было!
0
Remi Remi 6 лет назад #
а ну и при выходе оповещение выйти да / нет
+2
My-InstantCMS.Ru My-InstantCMS.Ru 6 лет назад #
Добавил демо сайт https://demo4.my-instant.ru/
Проверил на андроиде - хром, всё работает без проблем
Если один раз установить или отказаться от установки, больше не предлагает, придется вручную Добавить в главный экран
+2
SmartControl SmartControl 6 лет назад #
Спасибо.

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

Короче, работает так как и должно.
0
Capitan Capitan 6 лет назад #
Интересно а нет ли скрипта который бы мог "сказать браузеру" предложить установить иконку сайта на экран телефона. Пользователи ведь не будут лазить по настройкам. И надо просто тыкнуть. Т.е нужно всплывающее окно и место куда тыкнуть
0
Василич Василич 6 лет назад #
У меня одного при системном rotation:off приложение всё равно вертится в зависимости от наклона телефона?
0
elv3327 elv3327 6 лет назад #
Автоповорот в приложении работает при выключенном на смартфоне.
0
Василич Василич 6 лет назад #
Недоработка pwa?
0
0
Василич Василич 6 лет назад #
Зачем мне ссылка на Гугл транслейт?
Мой коммент хоть ясен?
Я переведу - демоприложение вертится независимо от того, разрешен ли в телефоне автоповорот, или нет.
Этот коммент скорее к разрабам, т.к. автоповорот должен зависеть от "системного" автоповорота.
0
elv3327 elv3327 6 лет назад #
Гуглите Шура, гуглите.
0
Василич Василич 6 лет назад #
Ну не умеешь ты писать по сабжу, помолчи, за умного сойдёшь.
Ну ёмаё.
0
elv3327 elv3327 6 лет назад #
Доля правды есть, но это не точно.
0
vikont vikont 6 лет назад #
Кто подскажет, как сделать, чтобы главное меню открывалось свернутым и уровни только по клику, а не всей гроздью со всеми уровнями?
0
elv3327 elv3327 6 лет назад #
А в мобильной версии сайта как открывает ?
0
elv3327 elv3327 6 лет назад #
У Дениса Васильевича есть "Мобильное, компактное меню" или в шаблоне править мобильную версию.
0
skewes skewes 5 лет назад #
Здравствуйте!
Добавьте пожалуйста в ваш формат копирование ссылок.
Так как сейчас нет возможности с пва формата копировать ссылку)))
Очень нужная вещь)))
0
My-InstantCMS.Ru My-InstantCMS.Ru 5 лет назад #
Здравствуйте, мой телефон при долгом нажатии на ссылку, предлагает копировать, открыть в новом окне и т.д.
0
skewes skewes 5 лет назад #
Хм...
А где у вас в формате пва адрес ссылки показывается? scratch
У меня нет ссылки именно если с пва смотреть.
+1
lakomet lakomet 5 лет назад #
skewes:
А где у вас в формате пва адрес ссылки показывается? 
Для андроида, в шторке, для айос, не знаю.
+1
skewes skewes 5 лет назад #
lakomet, в какой такой шторке? look
0
lakomet lakomet 5 лет назад #
0
skewes skewes 5 лет назад #
lakomet, ну не знаю...
Кто из Юзеров вообще додумается туда залезть, чтобы скопировать URL ?
Вот мне это слабо представляется если честно...

@elv rofl
0
elv elv 5 лет назад #
В домике, в шторке laugh
0
RSN RSN 2 года назад #

В компоненте (в админке) есть счетчик установок:

Изображение

Проблема в том (на двух сайтах), что считает только до 1000. Хотя установок уже больше (количество строк в БД).

Подсчет выводится в файле:

\templates\default\controllers\pwatools\index.tpl.php
стр. 21

по числу строк в столбце (БД) data (насколько понимаю) так:

  1. <?php echo html_spellcount(count($data), 'установка|установки|установок'); ?>

Может  кто подскажет как сделать что бы выводил правильно?

(А если кто то посмотрит, в том же файле, и подскажет как сделать лучший подсчет количества «Повторно зашли» будет вообще замечательно)

0
RSN RSN 2 года назад #

И да… Если кого интересует, компонент работает нормально, с учетом, как (и где) должна работать PWA...

0
akokna akokna 1 год назад #

Добрый день. Компонент работает отлично, спасибо автору. А может кто нибудь знает как изменить содержимое всплывающего окна при установке PWA версии сайта, дополнить своим текстом например. Возможно ли это вообще?

0
My-InstantCMS.Ru My-InstantCMS.Ru 1 год назад #

Давно не интересовался тематикой PWA, может за 4 года там появились новые фишки, но всплывающее окно всегда делал сам браузер и текст тоже от туда 

0
akokna akokna 1 год назад #

Спасибо, подозревал что это сам браузер делает, но думал а вдруг прогресс дошёл. Поставил пользовательскую кнопку Установки PWA, чтобы люди не ждали появления приглашения, а при желании сами активировали установку. Всё шикарно. Хотел вот ещё некоторые пояснения, или описания добавить, в упомянутом всплывающем окне, но Увы.

Make Make 1 год назад #
Комментарий удален
+1
skewes skewes 1 год назад #

Здравствуйте!

1. Может сделаете обновление, чтобы на айфонах также можно было устанавливать PWA?
2. Вот такая интересная статья есть — https://habr.com/ru/post/439238/ — может как расширенную версию платную сделать вам)))

0
RSN RSN 1 год назад #

Поддерживаю. Возможно некоторые фишки (пуш уведомления и т.д.) можно подсмотреть на этом бесплатном приложении для Joomla:

extensions.joomla.org/extension/pwa-progressive-web-app/

0
CEH9I CEH9I 1 год назад #

Тоже интересует пуш, если будет складчина с радостью поучаствую.

0
Саня Саня 1 год назад #

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

+1
CEH9I CEH9I 1 год назад #

Я написал. Работа в скором времени будет ввестись. Ждем новостей.

0
Саня Саня 15 дней назад #

Добрый день. Ещё пару месяцев назад ставил этот компонент себе на сайт, и всё прекрасно работало. Сейчас его нет в каталоге(или я не могу найти). Какая причина удаления?

0
fincheck fincheck 14 дней назад #

Приветствую. 

Вроде как разработчик отошел от дел и видима убрал из каталога, чтобы не тревожили.

0
pupsik pupsik 14 дней назад #

Может у кого-то на диске завалялось. Не вижу опции для скачивания установленного компонента с инстант. 

Никогда не понимал причины удаления. Ну надоело, решил другими делами заняться. Подпиши к компоненту «Не поддерживается» и давай до свидания. Удачи.

Нет надо подлянку сделать. если найду, обязательно скину на гитхуб. А чтобы что.

0
Fuze Fuze 14 дней назад #

Что вы собрались скидывать на гит? Компонент был бесплатный, автор его снял с публикации, на сайте он остался. Пробовали написать ему без вот этого всего?

0
pupsik pupsik 14 дней назад #

Я что-то не по теме сказал?

Added:

В момент написания Мной сего ответа про ГИТ, этого дополненя не было.

0
Fuze Fuze 14 дней назад #

Я что-то не по теме сказал?

Да, хамство и злоба.

Автор уже включил дополнение и вы можете скачать.

+1
pupsik pupsik 14 дней назад #

В момент написания, да. Никогда не знаешь как пройдет «Update Instant» и надо будет компонент переустановить, а его и нет. 

Автор дал доступ, на этом я его благодарю и извиняюсь.

+1
My-InstantCMS.Ru My-InstantCMS.Ru 14 дней назад #

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

Если у вас не так, скачайте и используйте. 

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

На данный момент нет времени копаться в чем причина 

0
pupsik pupsik 14 дней назад #

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

Вот сейчас удалил иконку, и наново установил. Работает все хорошо на последней версии инстант.

У меня он стоит версия 1.0.0. 

Надо скачать и посмотреть. Так как я у себя менял (какой то из файлов js).

Еще от автора

Компонент Находки и потеряшки
С помощью данного компонента можете организовать на сайте Бюро находок, где пользователи пишут о своих находках или потерянных вещах.
Разработка компонента Справочник
Анонс разработки компонента Справочник для InstantCMS2
Разработка компонента Викторина
Обсуждение разработки нового компонента Викторина или Тесты
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.