Search the Community

40 Завантажити / Придбати розширення Приложение для сайта / 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.0.2.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, только может работать при закрытом браузере и на мобильных устройств (в режиме тестирования - пишите в лс); - публикация в магазинах приложений (в разработке - пишите в лс для содействия); Другие возможности дорабатываются со временем или подзаказ. Я не гарантирую, но должно работать в браузерах: 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 работает со ссылками начиная с https://mysite.by/ или /. Модификатор "вносит изменения" в следующие файлы: УСЛОВИЯ СОГЛАШЕНИЯ - Beta версии устанавливаете на свой страх и риск - бэкап базы данных (далее - БД) обязателен; - Модуль (модификатор, дополнение, расширение, приложение) (далее - Модуль) можно устанавливать на 1 домен включая поддомены (одна покупка - один домен); - Редактировать код можно только под нужды своего магазина; - Распространение модуля запрещено; - Техническая поддержка (далее - ТП) осуществляется только при появлении ошибки, бага, глюка (зависания) и не совместимости модуля с заявленными версиями Opencart и шаблонов на момент продажи, при установке на боевой сайт (рабочий хостинг); - Адаптация модуля под другую версию Опенкарта и сторонние модули - платная; - Автор модуля оставляет за собой право в любое время внести изменение в настоящее условие, описание и исходный код модуля; - Автор модуля оставляет за собой право прекратить ТП пользователям по истечению 365 календарных дней со дня последнего обновления модуля (Full или Beta версии), или со дня окончания продления ТП, или при форс-мажорных обстоятельств; - Автор не несёт ответственности за потерю или находку дохода пользователя из-за работы модуля; - ТП осуществляется при условии соблюдения данного соглашения, пишите в личные сообщения. Автор buslikdrev долучення 02.12.20 Категорія Модули Системные требования php 5.4+, настроенный https протокол Метод активации Автоматическая активация Ioncube Loader Нет ocStore 3.0 2.3.0.2.4 2.3 2.2 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Звернення до сервера розробника Нет Да

Цель статьи - реклама своего дополнения. Так как представленный список дополнений вас может расстроить, если вы когда-то купили из списка под номерами 2-9, то ставлю рекламу своего дополнения на первое место. 1) Первое дополнение Плюсы: - сайт считается PWA https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://demo2.buslikdrev.by/ - есть описание в каких устройствах и браузерах должно работать приложение; - максимальная мультиязычность; - есть управление кэшем; - приложение работает в offline режиме; - notification и push уведомления о заказах, брошенной корзине, брошенных закладок, появлении новой статьи блога, новой информационной страницы, нового товара; - отправка push уведомления из админ панели с указанием даже изображения; - отправка индивидуального (конкретному пользователю) пуш-сообщения; - интеграция отправки push уведомления из любого модуля; - низкая цена; - тех. поддержка СНГ. Минусы: Мне сложно продумать минусы. Это сделать можешь ты (читатель этой темы) в комментариях. Планы на будущее: - сделать сохранение данных о том, что пользователь установил приложение и разделить пользователей ещё на устройства; - сделать дополнение мультимодульным, то есть для какой-то страницы создание своей иконки; - выгрузка PWA для установки на любой сайт (не на движке OpenCart тоже); - синхронизация данных (отправка запроса в очередь, когда нет интернета); - создание из админ панели скриншот сайта для выгрузки в магазин приложений; 2) Второе дополнение в моём списке Knowband Opencart PWA Mobile App Плюсы: - свой шаблон с различными настройками для PWA на отдельной странице; - push уведомления о заказах и брошенной корзине, также по крону; - отправка push уведомления из админ панели с указанием даже изображения и ссылки (правда из списка ссылок); - авторизация через facebook и google; - низкая цена. Минусы: - свой шаблон это конечно же хорошо, не нужно основной сайт изменять, а свободно гуляться с кодом отдельного шаблона. Но при покупки этого модуля основной сайт не будет считаться PWA, и если Google ранжирует лучше сайты с PWA, то ваш сайт не поднимется в рейтинге. https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://opencartdemo.knowband.com/3.0/pwa/ Также из-за недоработки манифеста, приложение не считается полноценным PWA: https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://opencartdemo.knowband.com/3.0/pwa/pwa-app/ - нельзя управлять кэшем; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек мультиязычности PWA; - нельзя отправлять индивидуальное (конкретному пользователю) пуш-сообщение; - при выборе ссылки для пуш-сообщения загружается весь товар списком (представьте, что будет при 10000 товаров); - долгая загрузка страниц 1.5-4 секунд; - не продуманный js-код; - тех. поддержка иностранная. 3) Третье дополнение такое, как и второе Opencart Headless PWA Плюсы: - свой шаблон с различными настройками для PWA на отдельной странице; - отправка push уведомления из админ панели с указанием даже изображения и ссылки (правда из списка ссылок); - низкая цена покупки; - быстрая загрузка 0.3-2 секунды; - свой js-код. Минусы: - свой шаблон это конечно же хорошо, не нужно основной сайт изменять, а свободно гуляться с кодом отдельного шаблона. Но при покупки этого модуля основной сайт не будет считаться PWA, и если Google ранжирует лучше сайты с PWA, то ваш сайт не поднимется в рейтинге. https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://pwa-oc.webkul.com/ Также из-за недоработки манифеста, приложение не считается полноценным PWA: https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://pwa-oc.webkul.com/react_pwa/ - нельзя управлять кэшем; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек именно PWA; - нельзя отправлять индивидуальное (конкретному пользователю) пуш-сообщение; - не продуманный js-код; - тех. поддержка иностранная. 4) Четвёртое дополнение от автора третьего дополнения Opencart Progressive Web Application Плюсы: - отправка push уведомления из админ панели с указанием даже изображения и ссылки; - мультиязычность настроек; - был бы плюс, что делает сайт PWA, но на демо не работает модуль т.к. ошибки есть: https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://oc.webkul.com/progressive_Web_App/ - свой js-код. Минусы: - нельзя управлять кэшем; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек именно PWA; - нельзя отправлять индивидуальное (конкретному пользователю) пуш-сообщение; - не продуманный js-код; - тех. поддержка иностранная; - высокая цена покупки, когда есть бесплатная версия с большими настройками https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=38760 5) Пятое дополнение iSellSoft Web Application Плюсы: - есть настройки кэша; - был бы плюс, что делает сайт PWA, но на демо не работает модуль т.к. ошибки есть: https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://isellsoft.net/opencart/v3/ - низкая цена покупки. - свой js-код. Минусы: - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек именно PWA; - нельзя отправлять пуш-сообщения; - не продуманный js-код; - тех. поддержка иностранная. 6) Шестое дополнение (PWA) Progressive Web Applications Плюсы: - свой шаблон с различными настройками для PWA на отдельной странице; - сайт считается PWA, но из-за недоработки манифеста не считается полноценным PWA: https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://www.opencartextensions.in/pwa/ - отправка push уведомления из админ панели с указанием даже изображения и ссылки (правда из списка ссылок); - свой js-код; - низкая цена покупки. Минусы: - нельзя управлять кэшем; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек именно PWA; - долгая загрузка страниц 3.5-10 секунд; - не продуманный js-код; - тех. поддержка иностранная. 7) Седьмое дополнение Opencart app ionic 5 with source code for iOS ,android and pwa Плюсы: - свой шаблон с различными настройками для PWA на отдельной странице; - сайт считается PWA, но из-за недоработки манифеста не считается полноценным PWA: https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://pasajtak.ir/ - есть установка через APK; - низкая цена покупки. Минусы: - нельзя управлять кэшем; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек именно PWA; - долгая загрузка страниц; - не продуманный js-код; - тех. поддержка иностранная. 8) Восьмое дополнение Плюсы: - сайт считается PWA, но из-за недоработки манифеста не считается полноценным PWA: - тех. поддержка СНГ. Минусы: - нельзя управлять кэшем; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - нет настроек (управление модулем); - не продуманный js-код; - высокая стоимость покупки: 9) Самое конченное место: Модуль PWA 5 от студии которую выгнали Плюсы: - можно управлять кэшем; Минусы: - сайт не считается PWA; - приложение не работает в offline режиме - что-то загружается, что-то нет; - неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5; - мало настроек мультиязычности PWA; - долгая загрузка страниц; - не продуманный js-код; - тех. поддержка иностранная; - закодированный код модуля; - сверх высокая стоимость покупки: