PWA инструмент
ВАЖНО: Компонент не работает без 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 версии (не будут работать, и адаптировать нет возможности)
- Перед покупкой изучите товар, посмотрите видео и демо, задавайте вопросы. Мы гарантируем только заявленный функционал
Администраторы сайта оставляют за собой право внести изменения в настоящее лицензионное соглашение в любой момент.
Рекомендуем
Лучше всего указать то что есть в Подсказка (кнопка на странице настройки Service worker)
Вот так должно быть prntscr.com/ku0mmj
Наконец добрался до сайта)))
Вот установил, все прекрасно работает, но вопросы возникли.
1. В папку/upload/pwa/ вашего сайта надо загрузить абсолютно все файлы, включая browserconfig и manifest?
Или можно и нужно только иконки/картинки?
У меня пробел не влезает)))
P.S.
Как и обещал, сделаю перевод на печенюшки к чаю)))
Сюда — ЯД — 410012099984285?
12 символов указал не я а сами разработчики pwa, можно указать и 13, но тогда при анализе получим предупреждение, что имя длинная
ЯД — 410012099984285 — этот для перевода?
Мне нравится такая штука и вам приятно и нам хорошо)))
А подскажите пожалуйста, как включить его обратно после нажатия на Unregister?
Можно ссылку в ЛС?
С Новым Годом!!!
Установил компонент без проблем, все работает. Есть одна проблема:
На сайте включена мультиязычность, и при загрузки сайта в pwa, при попытке сразу поменять язык — ошибка 404. При этом, если пройти на любую другую страницу, включая «Главную» и переключить язык — все работает…
В чем может быть причина?
ответил в лс
А при смене языка, главная становиться /en (для английского)
Надо что нибудь придумать для решение проблемы с мультиязычности
Когда у Вас будет время посмотреть?
Заранее благодарю!