Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Выбираем платный модуль PWA для сайта


buslikdrev

1 463 просмотра

 Поделиться

Цель статьи - реклама своего дополнения.

Так как представленный список дополнений вас может расстроить, если вы когда-то купили из списка под номерами 2-9, то ставлю рекламу своего дополнения на первое место.

 

1) Первое дополнение

 

 

Плюсы:

- сайт считается PWA https://googlechrome.github.io/lighthouse/viewer/?strategy=mobile&category=pwa&psiurl=https://demo2.buslikdrev.by/

Спойлер

image.png

- есть описание в каких устройствах и браузерах должно работать приложение;

- максимальная мультиязычность;

Спойлер

- есть управление кэшем;

Спойлер

- приложение работает в offline режиме;

- notification и push уведомления о заказах, брошенной корзине, брошенных закладок, появлении новой статьи блога, новой информационной страницы, нового товара;

- отправка push уведомления из админ панели с указанием даже изображения;

- отправка индивидуального (конкретному пользователю) пуш-сообщения;

- интеграция отправки push уведомления из любого модуля;

Спойлер









			//account_id - получить из таблицы oc_bus_app_account по customer_id или session_id
			//array(1 => 'сообщение') - 1 это id языка

			/* bus_app */
			$file = DIR_CATALOG . 'controller/' . (version_compare(VERSION, '2.2.0', '>=') ? 'extension/' : false) . 'module/bus_app.php';
			if (is_file($file)) {
				include_once($file);
				$class = 'Controller' . (version_compare(VERSION, '2.2.0', '>=') ? 'Extension' : false) . 'ModuleBusApp';
				$message = (new $class($this->registry))->push(array(
					'type'       => 9,
					'account_id' => 1,
					'images'     => array(1 => 'catalog/images.png'),
					'titles'     => array(1 => 'заголовок'),
					'messages'   => array(1 => 'сообщение')
				));
				// или
				$message = (new $class($this->registry))->push(array(
					'type'        => 9,
					'account_id'  => 1,
					'language_id' => 1,
					'image'       => 'catalog/images.png',
					'title'       => 'заголовок',
					'message'     => 'сообщение'
				));
			}
			/* bus_app */

 

- низкая цена;

- тех. поддержка СНГ.

 

Минусы:

Мне сложно продумать минусы. Это сделать можешь ты (читатель этой темы) в комментариях.

 

Планы на будущее:

- сделать сохранение данных о том, что пользователь установил приложение и разделить пользователей ещё на устройства;

- сделать дополнение мультимодульным, то есть для какой-то страницы создание своей иконки;

- выгрузка 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-код;

- тех. поддержка иностранная;

- закодированный код модуля;

- сверх высокая стоимость покупки:

 

  • +1 2
 Поделиться

10 комментариев


Рекомендованные комментарии

21 минуту назад, pmshirshov сказал:

А куда тогда девать адаптивную версию сайта?

Смотря что адаптировалось и какое pwa у вас сейчас (с помощью manifest или отдельный шаблон для мобильных устройств). Если manifest стили, то можно спокойно перенести в настройки модуля. Если manifest скрипты, то нужно провести анализ, требуется ли этому коду jquery и что именно выполняет тот код, и также перенести в настройки модуля.

В общем мне нужно знать что у вас сейчас, чтобы дать точную информацию как можно поступить.

  • +1 1
Ссылка на комментарий
41 минуту назад, buslikdrev сказал:

Смотря что адаптировалось и какое pwa у вас сейчас (с помощью manifest или отдельный шаблон для мобильных устройств). Если manifest стили, то можно спокойно перенести в настройки модуля. Если manifest скрипты, то нужно провести анализ, требуется ли этому коду jquery и что именно выполняет тот код, и также перенести в настройки модуля.

В общем мне нужно знать что у вас сейчас, чтобы дать точную информацию как можно поступить.

У меня Лёхин шаблон NewStore на версии OpenCart 3.0.2.
Это всё что я знаю.
Сайт https://nicebike.ru/

Ссылка на комментарий
4 минуты назад, pmshirshov сказал:

У меня Лёхин шаблон NewStore на версии OpenCart 3.0.2.
Это всё что я знаю.

У вас нету PWA значит вы имели ввиду в целом адаптивность шаблона. Шаблон тот же будет. Другое дело можно выбрать, что отключить, когда нет интернета. Пока модуль не умеет сохранять запросы и отправлять при появлении интернета.

Ссылка на комментарий
1 час назад, DM8985 сказал:

А есть ли способ загнать PWA в App Store и Google Play?

Похоже только через обвёртку:

https://habr.com/ru/post/439238/

https://victor-mochere.com/ru/how-to-publish-a-pwa-on-google-play-store

И мне пока никто не дал аккаунт от Google Play, чтобы я мог разработать универсальную обвёртку для проверки.

Ну, а от App Store мне бессмысленно давать - у меня нету iphone.

Также можно воспользоваться сервисом https://blog.pwabuilder.com/docs/generating-your-android-package/ для создания TWA

Думаю нужно попробовать API написать для создания TWA через этот сервис.

  • +1 1
Ссылка на комментарий
38 минут назад, gandhari сказал:

Подскажите, а этот PWA как-то связан с AMP? Или это совсем о разном? Извините, если вопрос глупый!

Разное. AMP - это страницы с облечённым функционалом и в гугле выводится значок, что можно эту страницу облечённую загрузить.

Ссылка на комментарий

Здравствуйте! Вот этот пункт заинтересовал: Право на мультиустановку своим клиентам (+15 000.00 руб) можно подробнее

Ссылка на комментарий
2 часа назад, gts39 сказал:

Здравствуйте! Вот этот пункт заинтересовал: Право на мультиустановку своим клиентам (+15 000.00 руб) можно подробнее

Здравствуйте. Покупаете - меняете ссылки мои на свои для оказания тех. поддержки тем кому устанавливаете и настраиваете. Если в модуле не работает заявленный функционал на стандартном шаблоне или находите синтаксическую ошибку - можете писать мне о проблеме для её решения.

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

Ссылка на комментарий

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.