PWA инструмент
Компонент поможет подготовить ваш сайт к работе с Progressive Web Apps (PWA).
Нравится
Не нравится
204
Цена
Бесплатно
Скачать В список желаний (1)

ВАЖНО: Компонент не работает без 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 

Установка компонента

Админка - Компоненты - Установка пакет дополнения - выберите архив и нажмите "Продолжить".
На следующей странице выводиться информация о компоненте, ознакомитесь и нажмите "Установить".

Далее необходим ввести FTP данные и нажать "Продолжить"

ВНИМАНИЕ:

Поле «Путь папки сайта» по умолчанию заполнено / — вам нужно прописать путь к папке вашего сайта, обычно это /public_html/ или /htdocs/

Если вы хотите установить компонент на Денвер и не знаете FTP данные. Вам надо открыть архив который скачали, внутри архива есть папка Package — загрузить данные от туда в папку вашего сайта, например на z:\home\site.ru\www\

Лицензионное соглашение

Перед покупкой, установкой и использованием дополнений сайта My-instantCMS.Ru (далее Наш сайт) внимательно ознакомьтесь с условиями данного Лицензионного соглашения. Приобретая, устанавливая, копируя или иным образом используя расширения нашего сайта, Вы тем самым принимаете на себя условия настоящего Лицензионного соглашения и становитесь пользователем (далее Пользователь). Если Вы не согласны с условиями данного Лицензионного соглашения, Вы не можете использовать дополнений нашего сайта. Установка и использование дополнений, купленных или скаченных на нашем сайте означает Ваше полное согласие со всеми пунктами настоящего Лицензионного соглашения.

Авторские права

Все дополнения на нашем сайте, является собственностью владельца данного сайта.

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

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

Как продавать дополнения, если они больше не нужны?

Дополнения Вам больше не нужны, можно их продать, соответственно Вы теряете права на их использование. Для продажи нужно:

  • Уведомить автора дополнения о том, что продаете права на использование дополнения другому лицу.
  • Предоставить email покупателя, что бы автор смог удалить ваш email из списка покупателей, и внести другого пользователя.
  • Удалить дополнение с вашего сайта, если это готовая сборка сайта, удалить надо сайт целиком.

Деньги не возвращаются:

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

Администраторы сайта оставляют за собой право внести изменения в настоящее лицензионное соглашение в любой момент.

RSS
Комментарий удален
08:25
Все вроде сделал как нужно, захожу с телефона и нет предложения на скачивание как на демо сайте.
09:26
Возможно дело в том, что у меня не стандартные шаблоны, нужно ли заливать в них файлы для дефолтного шаблона из установочного пакета?
13:51
Нет, дайте ссылку на сайт в ЛС, посмотрю что нет так
15:49
Ссылку отправил
16:14
Не правильно указали файлы для кэширование, в настройках Service worker
Лучше всего указать то что есть в Подсказка (кнопка на странице настройки Service worker)
18:15
У меня нет такой кнопки на странице настроек, искал ее вчера упорно, но ее нет)
18:24
Версия последняя или это бета версия?
Вот так должно быть prntscr.com/ku0mmj
18:34
Качал по ссылке с вашего сайта, перевела меня на страницу instant с компонентом. В админке версия указана 1.0.0
18:34
то что на вашем скриншоте, вообще такого нет
06:30
тоже скачал и посмотрел, кнопка Подсказка точно есть, возможно что то не так с вашим сайтом, можно доступ к админке что бы посмотреть?
09:20
Да, конечно, сейчас скину в ЛС
09:48
Похоже проблемы с парсингом вашего сайта, по этому подсказка не показывается, так как не удается вычислить какие скрипты подключается к вашему сайту
08:02
Здравствуйте)
Наконец добрался до сайта)))
Вот установил, все прекрасно работает, но вопросы возникли.

1. В папку/upload/pwa/ вашего сайта надо загрузить абсолютно все файлы, включая browserconfig и manifest?
Или можно и нужно только иконки/картинки?
08:07
И еще вопрос. Можно увеличить название приложения с 12 символов до 13?
У меня пробел не влезает)))

P.S.
Как и обещал, сделаю перевод на печенюшки к чаю)))
Сюда — ЯД — 410012099984285?
08:24
+1
Здравствуйте, лучше все файлы загрузить, но manifest обязательно.
12 символов указал не я а сами разработчики pwa, можно указать и 13, но тогда при анализе получим предупреждение, что имя длинная
08:50
Понял, спасибо большое)))
ЯД — 410012099984285 — этот для перевода?
08:52
+1
Да правильно, но платить не обязательно, компонент бесплатный
08:54
Вы много полезного делаете)))
Мне нравится такая штука и вам приятно и нам хорошо))) ok
09:01
+1
Спасибо за донат)
09:03
Пожалуйста)))
А подскажите пожалуйста, как включить его обратно после нажатия на Unregister?
09:05
Вроде включился))) Сам)))
09:10
Да при обновлении страницы включается сам
10:11
Здравствуйте, а возможно разработать для этого компонента push уведомления для новых сообщений и уведомлений? За отдельную плату разумеется
08:50
Здравствуйте, вроде возможно, но сейчас нет времени копаться в документациях, если не срочно, обращайтесь позднее
17:09
Обязательно обращусь, спасибо, очень необходимый функционал для моего проекта
Загрузка...