Magento PWA Studio vs Vue Storefront：哪一个适合你？

已发表: 2020-04-17

目录

Magento PWA Studio 和 Vue Storefront 已经上市很长时间了，是目前想要扩大影响力的品牌的首选平台。 但是，要知道其中哪一个可以真正帮助您的业务，当然绝非易事。

意识到当前公众对上述两个流行的 PWA 电子商务平台的认识存在差距，今天在 SimiCart 的文章中，我们将深入探讨这个问题——以帮助您最终选择一个适合您业务的平台。

渐进式 Web 应用程序以及您为什么要关心

首先，让我们从为什么开始。

如果您一直在追赶电子商务领域的发展趋势，那么您可能会知道， Progressive Web A应用程序现在很热门。 这样做的原因相对简单——PWA在这个全渠道时代提供了在线商店所需的一切。

在 PWA 支持的商店购物的客户通常会意识到他们的购物体验存在显着差异，其中包括接触点减少、即时加载时间、离线功能以及最重要的是——Progressive Web Apps 的类应用程序界面等变化。

Benecos UK PWA
SimiCart 的一位客户使用PWA改进了购物体验

凭借其利用最新技术进步的尖端功能，PWA 能够彻底改变典型的 Web 体验并改善购物体验。 由 PWA 提供支持的全新购物体验有望在所有设备上实现快速、引人入胜且响应迅速。

 推荐阅读：渐进式 Web 应用程序对您的业务的好处

Magento PWA Studio 和 Vue Storefront PWA 简介

Magento PWA 工作室

Magento 自己最近推出的 Magento PWA Studio 是一套工具，通过在 Magento 2 之上实现 Progressive Web Apps 的元素，帮助商家最大限度地优化他们的商店。通过 Magento PWA Studio，商家可以访问最新的前端-终端架构和开放的 Web API 以将其商店重建为最新标准。

Magento PWA Studio 的优势

  • 访问最新的开发工具：Magento PWA Studio 提供的工具始终是最新的并且具有最广泛的文档。
  • 易于开发：Magento PWA Studio 的创建旨在推动 PWA 的采用，因此将易于开发放在首位。
  • 强大的社区：Magento PWA Studio 社区随时为新人提供帮助。
  • GraphQL：使用 GraphQL 作为其领先技术，使用 PWA Studio 构建的 PWA 可以几乎没有过度获取和更好地处理来自不同来源的多个用户。

Magento PWA Studio 的缺点

  • 特定于平台：Magento PWA Studio要求您的商店必须在Magento 2.3及更高版本上。 这既是好事也是坏事，因为这样可以在 Magento PWA Studio 上开发和改进更多的余地，而不必担心平台兼容性。
  • 与旧版本缺乏兼容性：商店不愿采用 Magento PWA Studio 的一个原因是它与旧版本缺乏兼容性，这主要是由于 GraphQL 架构在更新之间发生了变化。
Magneto PWA Studio 兼容性
资料来源： PWA Studio 版本及其兼容的 Magento 核心版本

Vue店面

另一个最近出现的电子商务 PWA 开发平台是 Vue Storefront——开源、平台无关的 PWA。 Vue Storefront 不需要特定类型的后端来实现全部功能，因为平台本身是无头的，可以在任何电子商务平台上运行。

Vue 店面的优点

  • 平台无关：Vue Storefront 适用于所有电子商务平台
  • 开源：任何人都可以为前端平台的改进做出贡献

Vue店面的缺点

  • 不兼容性：现有电子商务平台存在许多未解决的问题
  • 不允许 使用 jQuery 或其他依赖项
  • 缺乏文档：关于 Vue Storefront 的安装过程麻烦以及缺乏全面的文档，有各种抱怨。

详细对比

对于那些认为仅查看利弊还不够的人，我们已为您提供保障。 下面，我们将对两个流行的电子商务 PWA 平台进行深入比较：

概述

Magento PWA Studio vs Vue Storefront：概述

从总体比较来看，很明显 Vue Storefront应该是这里的最佳选择。 但仔细观察，似乎并非如此。

虽然 Magento PWA Studio 是在 2018 年底才发布的（比 Vue 的发布日期晚了将近一年），但该平台根本不需要时间来成熟。 它现在有许多与 Vue 相当的贡献者； 社区很强大，对任何想学习它的人都有帮助，并且充满了潜力。

技术比较

Magento PWA Studio 与 Vue 店面：技术比较

在技​​术方面，这两个电子商务 PWA 平台非常相似，它们都提供服务器端渲染以部分帮助您的商店的搜索引擎优化； 但是我们可以在这里看到的微小差异——即 ReactJS——是一个平台在性能方面优于另一个平台的原因。 与 Vue Storefront 使用的 VueJS 相比，ReactJS 更适合开发和购物体验。 使用 ReactJS，Magento 开发人员可以享受 Magento 内外最大、最强大、最著名的支持用户社区的支持。

功能比较

Magento PWA Studio 与 Vue 店面：功能比较

在提供的功能方面，这两个 PWA 平台相互竞争，而 Vue Storefront在功能方面稍逊一筹。 值得注意的是，不久前，Vue Storefront是在这里占据制高点的平台，因此 Magento 的开发进度实际上是令人印象深刻的，事实上，由于平台本身就是平台的性质，它比许多同行要好-具体做法。

客户怎么说

毕竟，最应该了解的是客户。 让我们深入了解尝试过这些平台之一的其他店主怎么说：

Magento PWA 工作室

作为一个致力于为世界各地的女性提供令人惊叹的高级时装系列的品牌， Bianca Nera需要一个最能体现其产品优雅的店面——当然，Progressive Web App 就是这样。

Bianca Nera，Magento PWA

Magento PWA Studio 简化了整个开发工作，同时 SimiCart 作为首选的解决方案提供商，该品牌能够看到现场购物方式的改进，以及现有背部的重大升级- 端基础设施。

由于新发现的速度，加上 PWA 特有的类似应用程序的外观和感觉，Bianca Nera 能够看到出色的结果，包括：

  • 每个会话的页面增加45%
  • 平均页面加载时间加快103%
  • 在线收入增长61%

由于 Magento 自己的内容管理系统 (CMS)，商店后端基础架构上所做的工作也使内容管理变得更加直观，商店不仅可以轻松管理和构建内容，还可以创建新的内容和引人入胜的购物体验，以跟上不断变化的趋势。

Vue店面

作为 PWA 市场中较老的平台，Vue Storefront 不乏可命名的客户案例。 我想到的一个突出案例是久保田的故事。

Kubot，Vue 店面 PWA
资料来源：Vue 店面

波兰鞋履品牌久保田（Kubota）以前既不是知名品牌，也不是好品牌。 事实上，该品牌与 PWA 电子商务合作的决定是“成败”的决定。 然而，幸运的是 PWA 并没有让人失望。

久保田的移动优先策略针对的是大量更喜欢智能手机购物便利的现代购物者，因此取得了无与伦比的成果：

  • 每日访问量增长192%
  • 前 3 名中的关键字同比增加94%
  • 加载时间缩短30%

与 PWA 合作的决定，特别是与 Vue Storefront 平台合作的决定，是该品牌重返电子商务市场的急需。 此后，该品牌一直在世界各地的复古时尚爱好者中引起轰动，预计在未来几年将更加重要，因为复古时尚正在回归。

做出明智的决定

现在你要做的就是决定你应该选择哪一个。 虽然这两个平台都有其优点，但您应该始终选择最适合您和商店需求的平台。

但是，对于 Magento 商店所有者，我们认为 Magento PWA Studio 不会出错，因为它为您商店的现有基础架构提供了最佳支持。 Magento PWA Studio 提供的可用工具已被证明在所有情况下都能正常工作，并且可以很好地适应您的开发需求。

如果您需要为您的 Magento 商店提供值得信赖的解决方案，在 SimiCart，我们是一支拥有 8 年以上经验的 Magento 专家团队，随时准备将您的 Magento 商店转变为闪电般快速的 PWA：

开发您的 Magento PWA 店面

阅读更多：
如何在 Magento 2 中集成 PWA