Magento PWA Studio и Vue Storefront: сравнение и советы

Прогрессивное веб-приложение становится ведущей технологией, которую продавцы должны интегрировать на свой веб-сайт, чтобы предоставить клиентам наилучшие впечатления. На данный момент самыми популярными платформами для создания PWA для магазинов Magento являются PWA Studio от Magento (Adobe) и Vue Storefront. В этом посте мы сравним эти две платформы PWA — Magento PWA Studio и Vue Storefront и посоветуем фирмам, какая из них лучше всего подходит для их бизнеса.

Давайте начнем!

1/ Студия Magento PWA

Magento PWA Studio — это набор инструментов, предоставляемых Magento для настройки PWA для текущего сайта Magento.

Инструмент применяется только для Magento 2. Таким образом, фирмам, которые не перешли с Magento 1 на 2, необходимо сначала выполнить миграцию, прежде чем они смогут разрабатывать PWA с помощью Magento PWA Studio.

PWA Studio основана на React, JavaScript, Redux и GraphQL.

Плюсы:

Современные технологии

Magento часто улучшает инструменты, поэтому продавцы всегда будут получать последние обновления для своих магазинов.

Подробная документация

Продавцы могут найти большую часть своих проблем (обзор PWA Studio, основные концепции, настройка магазина PWA, учебные пособия, справочные материалы по API, примечания к выпуску, часто задаваемые вопросы…) подробно объясненные в документации Magento PWA.

Упрощенный подход к разработке

Благодаря полезным ресурсам Magento разработчики могут найти процесс интеграции PWA менее сложным.

Сильное сообщество

Magento PWA Studio поддерживается и поддерживается сообществом Magento с огромным количеством разработчиков. Поэтому может быть проще обратиться за помощью к вашему PWA, когда это необходимо.

Полные функции PWA

Продавцы получат все функции PWA, интегрированные в их магазин с помощью Magento PWA Studio (добавление на главный экран, автономный режим, push-уведомления, фоновая синхронизация и т. д.).

Успешные прошлые проекты

Многие проекты разработки PWA, основанные на PWA Studio, сообщили о положительных результатах, таких как ShopEddies и Boonthavorn.

Минусы:

Несовместимость между платформами

Основное ограничение использования Magento PWA Studio заключается в том, что оно совместимо только с Magento. Кроме того, он был создан только для Magento 2.3 и более поздних версий, Magento 1 не поддерживается.

Эскизный дизайн

Подобно теме Magento по умолчанию (Luma & Blank), тема Venia PWA Studio очень проста и не очень привлекательна. В результате редкие магазины Magento сразу же применят этот шаблон, но выполнят сложную настройку или будут искать другие темы Magento PWA, созданные из PWA Studio.

2/ Витрина магазина Vue

Vue Storefront — это интерфейс PWA с открытым исходным кодом для нескольких платформ электронной коммерции, включая Magento.

Vue Storefront использует Vue.JS, Nuxt.JS, JavaScript и Composition API.

Плюсы

Различные дизайны

Это решение PWA предлагает продавцам широкий спектр вариантов дизайна, которые могут удовлетворить самые разные потребности компаний.

Совместимость

Vue Storefront можно применять для Magento, Shopify и Shopware, и в будущем планируется подключение к большему количеству электронных платформ.

Что касается совместимости с Magento, Vue Storefront поддерживает как Magento 1, так и Magento 2.

Гибкая настройка

Любой может получить доступ к платформе, получить ее с Github и внести улучшения. Таким образом, это обеспечивает большую гибкость и легкую настройку для разработчиков, чтобы предоставить решение, которое наилучшим образом соответствует потребностям продавцов.

Хорошо написанные документы

Разработчики не сталкиваются с большими трудностями при настройке темы PWA от Vue Storefront, поскольку предоставленная документация достаточно подробная.

Минусы

Конфликты с Magento

После преобразования веб-сайта Magento в Magento PWA его интерфейс заменяется интерфейсом PWA Vue Storefront, однако серверная часть Magento остается прежней. Поэтому крайне важно, чтобы новая витрина магазина поддерживала основные функции Magento.

Это проблема.

Во-первых, Vue Storefront на данный момент не поддерживает все основные функции веб-сайтов Magento.

Во-вторых, когда продавцы захотят в будущем обновить свои магазины до более новой версии Magento 2 с дополнительными функциями, обновленный бэкэнд, вероятно, будет конфликтовать с витриной магазина PWA от Vue Storefront.

В результате владельцам магазинов требуется время, чтобы добавить больше функций в свои PWA, а также решить возможные конфликты между Magento и Vue.

Плата за настройку и разработку

Продавцам по-прежнему нужно платить за настройку, поскольку дизайн все еще нуждается в дополнительных корректировках, прежде чем он сможет вступить в эксплуатацию.

Хотя инструмент не взимает с продавцов никаких сборов, услуги по разработке довольно дороги, особенно если вы нанимаете разработчиков Vue Storefront.

Magento PWA Studio против Vue Storefront: кто победит?

В целом, Magento PWA Studio кажется лучшим решением для пользователей Magento. Он часто обновляется параллельно с развитием Magento 2. Кроме того, поскольку он исходит от Magento, конфликт кода может не быть проблемой. Более того, PWA Studio больше знакома с разработчиками Magento. Поэтому вам будет проще найти партнера (агентство или программиста) для вашего проекта.

Для сравнения, Vue Storefront фокусируется не на Magento, а на различных платформах, в результате чего отсутствуют основные функции и вероятные разногласия в коде.

Однако есть две вещи, благодаря которым Vue Storefront превосходит PWA Studio. Во-первых, он совместим с Magento 1. Во-вторых, он предоставляет больше возможностей для оформления витрины.

Поэтому, если у вас есть магазин Magento 2 и вы хотите преобразовать его в Magento PWA, использование PWA Studio или готовых тем PWA на его основе, несомненно, является разумным шагом. С другой стороны, если ваш текущий веб-сайт — Magento 1, и вы не собираетесь преобразовывать его в Magento 2, более рекомендуется использовать решение Vue для разработки PWA.

Когда дело доходит до разработки прогрессивных веб-приложений Magento, Tigren является одной из первых компаний, которую вам нужно рассмотреть. Мы предлагаем различные решения, от TigrenPWA — многофункционального шаблона PWA для Magento, созданного с помощью PWA Studio, индивидуальной разработки PWA (с нуля) до миграции веб-сайта Magento на PWA. Есть вопросы к нам? Отправьте их на [email protected] прямо сейчас!

Читать далее:

Что такое Magento PWA Studio? - Полное объяснение

Magento 2 PWA Studio Demo (Venia) Vs. ТигренPWA Theme

Как настроить Magento 2 PWA Studio?