Progressive Web Apps для InstantCMS

Progressive Web Apps для InstantCMS

Компонент, открытый исходный код

Утилиты InstantCMS 2.X

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

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

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

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

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

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

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

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

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

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

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

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

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

0
discr discr 4 месяца назад #

Здравствуйте. А как запустить на последней версии InstantCMS? тишина к сожалению! :(

0
My-InstantCMS.Ru My-InstantCMS.Ru 4 месяца назад #

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

Что именно не получается? Ошибка или что?

0
discr discr 4 месяца назад #

Не выводит установку PWA приложения. Всё чётко настроена, шаблон Modern.

0
My-InstantCMS.Ru My-InstantCMS.Ru 4 месяца назад #

т.е. у вас компонент установлен, настроен, но на сайте не предлагает установить версию PWA?

Ранее не нажимаю кнопку нет? если один раз отказаться, больше не предложить.

Дайте ссылку на сайт в ЛС

+1
CEH9I CEH9I 4 месяца назад #

Здраствуйте, когда планируется обновление? А конкретно интересно узнать появится ли пуш-уведомления. И да у меня так же на модерне не выводится уведомление об установке. Так же осталась проблема что не отображаются установки более 1000. Если вы захотите сделать премиум версию PWA с хотелками, то готов буду купить.

Изображение

+2
My-InstantCMS.Ru My-InstantCMS.Ru 4 месяца назад #

Здраствуйте, да, скорей всего будет платная версия с нуля написанная 

0
Саня Саня 4 месяца назад #

я думаю что тоже приобрету 

+1
akokna akokna 21 день назад #

Специально авторизировался на сайте, когда увидел что мной не отмечена эта Замечательная работа!

Компонент замечательный, необходимый (я считаю), и наверное единственный в своем роде для InstantCMS.

То что отображается только 1 000 установок, для меня была новость. Но так и есть, зависла на 1 000.)

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

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.