Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


buslikdrev

392 views

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

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

 

1) Первое дополнение - рекомендую брать пока дёшево!

 

 

Плюсы:

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

Спойлер

image.png

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

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

Спойлер

image.thumb.png.05ed6266b1d0205c32dedd5c1089b5ae.png

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

Спойлер

image.thumb.png.3e86773e27dc0a23fa59ded31e144d65.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 режиме - что-то загружается, что-то нет;

Спойлер

image.thumb.png.ca4e10e310ad6b21578ed759af6ec9a7.png

- неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5;

Спойлер

image.thumb.png.1bc5b9f6213cd47058bd8f6007665a91.png

 

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

Спойлер

image.thumb.png.1c9ff71ce42ec994ac409d15a31181b0.png

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

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

- долгая загрузка страниц 1.5-4 секунд;

Спойлер

image.thumb.png.96795e7c8667451d025bead487f00962.png

- не продуманный 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 режиме - что-то загружается, что-то нет;

Спойлер

image.thumb.png.eecced9d9398cc267f1ac4701c2a0eae.png

- неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5;

Спойлер

image.thumb.png.19deed43a19e1cc765c56c8d7c092729.png

- мало настроек именно PWA;

Спойлер

image.thumb.png.380756e5a8ff20abd176bc2ce9839703.png

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

- не продуманный 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 режиме - что-то загружается, что-то нет;

Спойлер

image.thumb.png.7556797504b3a1af559c02165efd4e84.png

- неизвестна поддержка браузеров, например, 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 режиме - что-то загружается, что-то нет;

Спойлер

image.thumb.png.eb9a8d44852d4ab6882ec363178da62a.png

- неизвестна поддержка браузеров, например, PWA уже работает начиная с chrome 40, но более стабильная версия с chrome 87. Так вот, этот модуль не поддерживает минимум chrome 45 (сыпятся ошибки) - этот браузер ставился по-умолчанию на телефонах android 4-5;

Спойлер

image.thumb.png.64be22248c93d16016e01d5422001e00.png

- мало настроек именно PWA;

- долгая загрузка страниц 3.5-10 секунд;

Спойлер

image.thumb.png.5054a59d70a6d2f14ee43a1fc591e23b.png

- не продуманный 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-код;

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

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

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

 

image.png.a68521a609c69fa968d4004e217c8fbb.thumb.png.230bc63164fd029f129b44fccc5905c4.png

  • +1 2

8 Comments


Recommended Comments

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

Edited by pmshirshov
Link to comment
21 минуту назад, pmshirshov сказал:

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

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

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

  • +1 1
Link to comment
41 минуту назад, buslikdrev сказал:

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

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

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

Link to comment
4 минуты назад, pmshirshov сказал:

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

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

Link to comment

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

Link to comment
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
Link to comment

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

Link to comment
38 минут назад, gandhari сказал:

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

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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.