Приложение для сайта / App for website

Назва модуля: Додаток для сайту - "App for website"
Версія модуля: 1.0
Тип ліцензії: Full (повна версія)
Тип установки: ocmod
Мова: Білоруська мова, English, Російська мова, Українська мова
Дата створення: 2.12.2020

Був протестований на: OpenCart.pro 2.1.0.2.2 і 2.3.0.2.6, OpenCart-"Російська збірка" 2.1.0.2 (rs1), 2.3.0.2 (rs6) і 3.0.2.0 (rs3), ocStore 2.1. .1, 2.3.0.2.3 і 3.0.2.0 - шаблон (default)
Назва архіву: App for website v1.0 Full OpenCart 2.X-3.1.X.zip

(wikipedia) Прогресивний web-додаток (англ. progressive web app, PWA) - технологія у web-розробці, яка візуально і функціонально трансформує сайт в додаток (мобільний додаток в браузері).
Статистика говорить про те, що 66% користувачів не скачують жодного додатка на місяць (дані comScore від 2014 року - в середньому за три місяці). Більшість свого часу - приблизно 85% - користувач проводить у п'яти улюблених додатках. Як правило, це месенджери, соцмережі, відеохостинги.
При цьому мобільний браузер також не є пріоритетною формою виходу в Інтернет. За даними ComScore, в 2017 році користувачі смартфонів і планшетів витратили 87% свого часу на додатки - порівняно з 13% в браузері.
PWA є гібридним рішенням і дозволяє відкрити програму за допомогою мобільного браузера. При цьому повністю зберігається функціонал нативної програми:
відправлення push-повідомлень;
робота у режимі офлайн;
доступ до апаратного забезпечення пристрою (з обмеженнями);
встановлення ярлика (іконки) на робочий стіл мобільного пристрою, що візуально не відрізняється від ярлика нативного додатка, та ін.

ОПИС
Модуль призначений для можливості використання технології на чистому JavaScript (без лівих сервісів) і можливістю асинхронного завантаження:

==ПРИЛОЖЕНИЕ==

- ServiceWorker (

    developer.mozilla.org/ru/docs/Web/API/Service_Worker_API,

    caniuse.com/?search=ServiceWorker

);

- Manifest (

    developer.mozilla.org/ru/docs/Web/Manifest,

    developer.mozilla.org/ru/docs/Mozilla/Add-ons/WebExtensions/manifest.json,

    developer.mozilla.org/en-US/docs/Web/Progressive_web_apps,

    caniuse.com/?search=manifest

);

- Add to home screen - A2HS (

    developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Add_to_home_screen,

    caniuse.com/?search=A2HS

);

- Bookmarks (

    developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/bookmarks

);

==КЕШУВАННЯ ДАНИХ (ОФФЛАЙН РЕЖИМ)==

- CacheStorage (

    developer.mozilla.org/ru/docs/Web/API/CacheStorage,

    caniuse.com/?search=CacheStorage

);

- AppCache (

    developer.mozilla.org/ru/docs/Web/HTML/Using_the_application_cache

    caniuse.com/offline-apps

);

- IndexedDB (

    developer.mozilla.org/ru/docs/Web/API/IndexedDB_API

    caniuse.com/IndexedDB

);

==СИНХРОНІЗАЦІЯ ДАНИХ==

- SyncManager (

    developer.mozilla.org/en-US/docs/Web/API/Background_Synchronization_API,

    caniuse.com/?search=SyncManager

);

- Background Fetch (

    developer.mozilla.org/en-US/docs/Web/API/Background_Fetch_API,

    caniuse.com/?search=BackgroundFetch

);

==ПОВІДОМЛЕННЯ (ПОВІДОМЛЕННЯ)==

- Notifications (

    developer.mozilla.org/ru/docs/Web/API/Notifications_API,

    caniuse.com/?search=notification

);

- Push (

    developer.mozilla.org/ru/docs/Web/API/Push_API,

    caniuse.com/?search=Push

);

В даний момент модуль дозволяє:
- налаштовувати manifest (іконки, обкладинка сайту, колір вкладки браузера або рамки програми, режим відображення сайту при запуску програми та ін.);
- створювати іконку (посилання) сайту на робочому столі пристрою (запуск сайту як додаток) т.к. ця можливість працює для нових версій браузера, то для старих як альтернатива буде повідомлення про додавання сайту в закладки, для iOS також окреме повідомлення для ручної установки іконки на екран;
- працювати в офлайн режимі ("CacheStorage"), щоб користувач із поганим інтернетом міг читати інформацію;
- працювати в офлайн режимі ("AppCache"), щоб користувач з поганим інтернетом міг читати інформацію (у розробці);
- працювати в офлайн режимі ("IndexedDB"), щоб користувач з поганим інтернетом міг читати інформацію (у розробці);
- відправка запитів з появою інтернету "SyncManager" - синхронізація даних (у розробці);
- надсилати "Notifications" повідомлення - при першому відвідуванні сторінки буде показано 1 раз новинки, а нагадування 1 раз на 10 хвилин, якщо користувач не закрив сторінку сайту і в цей час щось нове з'явилося, тоді воно буде показано йому;
- Надсилати "Push" повідомлення те саме, що і Notifications, тільки може працювати при закритому браузері і на мобільних пристроїв (в режимі тестування - пишіть в лс);
- публікація в магазинах додатків (у розробці – пишіть у лс для сприяння);
Інші можливості доопрацьовуються згодом чи підзамовлення.

/monthly_2021_04/image.png.e8013a96bcd0f4e6ed4ffd6a3d8afbd9.png" rel="">

Я не гарантую, але маю працювати в браузерах:

ServiceWorker API

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 17+;

Chrome - 40+;

Firefox - 78+;

Opera - 27+;

Яндекс.Браузер - 15.2+;

Safari - 11.1+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 40+;

Chrome для Android - 40+;

Firefox для Android - 44+;

Opera для Android - 27+;

Samsung Internet - 4+;

Safari для iOS - 11.3+;

KaiOS (Firefox OS v2.6) - невідомо;

MANIFEST

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 17+;

Chrome - 40+;

Firefox - 44+;

Opera - 26+;

Яндекс.Браузер - 15.2+;

Safari - 11.1+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 46+;

Chrome для Android - 46+;

Firefox для Android - 46+;

Opera для Android - 26+;

Samsung Internet - 4.1+;

Safari для iOS - 11.3+;

KaiOS (Firefox OS v2.6) - 1.0;

A2HS (создание иконки сайта на рабочем столе)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 79+;

Chrome - 40+;

Firefox - 86+ (підтримка за прапором);

Opera - 80+ (підтримка за прапором);

Яндекс.Браузер - 15.6+;

Safari - 11.3+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 81+;

Chrome для Android - 43+;

Firefox для Android - 83+;

Opera для Android - 64+;

Samsung Internet - 4.1+;

Safari для iOS - 11.3+;

KaiOS (Firefox OS v2.6) - немає підтримки;

Bookmarks (добавление сайта в закладки)

Десктопні браузери:

Internet Explorer - немає підтримки, але є аналог;

Edge - 79+;

Chrome - є підтримка;

Firefox - 45+;

Opera - є підтримка;

Яндекс.Браузер - є підтримка;

Safari - немає підтримки;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - немає підтримки;

Chrome для Android - невідомо;

Firefox для Android - немає підтримки;

Opera для Android - невідомо;

Samsung Internet - невідомо;

Safari для iOS - немає підтримки;

KaiOS (Firefox OS v2.6) - невідомо;

CacheStorage (оффлайн режим)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 18+;

Chrome - 43+;

Firefox - 44+;

Opera - 30;

Яндекс.Браузер - 15.2+;

Safari - 11.1+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 43+;

Chrome для Android - 43+;

Firefox для Android - 44+;

Opera для Android - 30+;

Samsung Internet - 4.1+;

Safari для iOS - 11.3+;

KaiOS (Firefox OS v2.6) - невідомо;

AppCache (оффлайн режим)

Десктопні браузери:

Internet Explorer - 10+;

Edge - 12-84;

Chrome - 4-84;

Firefox - 4-83;

Opera - 12-72;

Яндекс.Браузер - 1.0-18.11;

Safari - 4+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 43+;

Chrome для Android - 43+;

Firefox для Android - 44+;

Opera для Android - немає підтримки;

Samsung Internet - 4.1+;

Safari для iOS - 4+;

KaiOS (Firefox OS v2.6) - 2.5+;

IndexedDB (оффлайн режим та синхронізація даних)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 12+;

Chrome - 24+;

Firefox - 16+;

Opera - 15+;

Яндекс.Браузер - 1.7+;

Safari - 10+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 37+;

Chrome для Android - 25+;

Firefox для Android - 22+;

Opera для Android - 15+;

Samsung Internet - 1.5+;

Safari для iOS - 8+;

KaiOS (Firefox OS v2.6) - 2.5;

SyncManager (синхронізація даних)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 79+;

Chrome - 49+;

Firefox - немає підтримки;

Opera - 42;

Яндекс.Браузер - 16.4+;

Safari - немає підтримки;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - 49+;

Chrome для Android - 49+;

Firefox для Android - немає підтримки;

Opera для Android - 62;

Samsung Internet - 5+;

Safari для iOS - немає підтримки;

KaiOS (Firefox OS v2.6) - невідомо;

Background Fetch API (синхронізація даних)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 79+;

Chrome - 74+;

Firefox - немає підтримки;

Opera - 62;

Яндекс.Браузер - невідомо;

Safari - немає підтримки;

Vivaldi - неизвестно;

Brave - неизвестно;

Мобільні браузери:

Android webview - 49+;

Chrome для Android - 74+;

Firefox для Android - немає підтримки;

Opera для Android - 53;

Samsung Internet - 11+;

Safari для iOS - немає підтримки;

KaiOS (Firefox OS v2.6) - невідомо;

Notifications API (виведення повідомлень при відкритому браузері)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 14+;

Chrome - 20+;

Firefox - 4+;

Opera - 23+;

Яндекс.Браузер - 1.7+;

Safari - 10+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - немає підтримки;

Chrome для Android - 50+;

Firefox для Android - 48+;

Opera для Android - 42+;

Samsung Internet - 4+;

Safari для iOS - немає підтримки;

KaiOS (Firefox OS v2.6) - 2.5;

PUSH API (виведення повідомлень при закритому браузері)

Десктопні браузери:

Internet Explorer - немає підтримки;

Edge - 17+;

Chrome - 50+;

Firefox - 44+;

Opera - 42+;

Яндекс.Браузер - 16.6+;

Safari - 14+;

Vivaldi - 3.5+;

Brave - 1.17+;

Мобільні браузери:

Android webview - немає підтримки;

Chrome для Android - 50+;

Firefox для Android - 48+;

Opera для Android - 42+;

Samsung Internet - 5+;

Safari для iOS - немає підтримки;

KaiOS (Firefox OS v2.6) - 2.5;

Коментарі автора:

Safari v11.1+ (apple дозволяє додати іконку на робочий тільки зробивши 3 кліки, push повідомлення ще недоступні)

Safari для iOS v11.3+ (apple дозволяє додати іконку на робочий тільки зробивши 3 кліки, push повідомлення ще недоступні для iphone, а ось для macOS є можливість)

Яндекс.Браузер API Табло (Не знаю чи має сенс додавати, відповідь розробники Яндекс.Браузер не дають і документацію видалено)

KaiOS (Firefox OS v2.6) v1.0+ (з цієї версії приймає іконки manifest ) (Потрібно підтримати кнопкових - прохання писати в лс для допомоги в тестуванні)

УВАГА!

Оригінальні файли магазину не замінюють!

Рекомендую адмін панель перевести на окремий піддомен з метою безпеки та гарантії відсутності помилок через serviceWorker. serviceWorker матиме доступ до адмінки на короткий час (код вимикання там встановлюється) т.к. адреса адмінки в полі видимості каталогу, тобто serviceWorker працює з посиланнями починаючи з або /.

/monthly_2020_04/auto.png.7366a41be56d92a871a515e49f50b370.png" rel="">

Модифікатор "вносить зміни" до наступних файлів:

admin/controller/blog/article.php
admin/controller/catalog/{article,information,product}.php
admin/view/template/common/header.*
catalog/controller/api/order.php
catalog/controller/account/newsletter.php
catalog/controller/common/header.php
catalog/view/theme/*/template/account/newsletter*
catalog/view/theme/*/template/common/header*
system/library/document.php

УМОВИ ЗГОДИ

- Beta версії встановлюєте на власний страх і ризик - бекап бази даних (далі - БД) обов'язковий;
- модуль (модифікатор, доповнення, розширення, додаток) (далі - модуль) можна встановлювати на 1 домен включаючи піддомени (одна покупка - один домен);
- редагувати код можна лише під потреби свого магазину;
- Поширення модуля заборонено;
- Технічна підтримка (далі - ТП) здійснюється тільки при появі помилки, бага, глюку (зависання) та не сумісності модуля із заявленими версіями Opencart та шаблонів на момент продажу, при встановленні на бойовий сайт (робочий хостинг);
- адаптація модуля під іншу версію Опенкарта та сторонні модулі – платна;
- Автор модуля залишає за собою право в будь-який час внести зміну в цю умову, опис та вихідний код модуля;
- Автор модуля залишає за собою право припинити ТП користувачам після закінчення 365 календарних днів з дня останнього оновлення модуля (Full або Beta версії) або з дня закінчення продовження ТП або за форс-мажорних обставин;
- автор не несе відповідальності за втрату або знахідку доходу користувача через роботу модуля;
- ТП здійснюється за умови дотримання цієї угоди, пишіть у особисті повідомлення.