Magento PWA Studio 与 Vue 店面：比较和建议

Progressive Web App 正在成长为商家应在其网站上集成以向客户提供最佳体验的顶级技术。 目前最流行的为 Magento 商店构建 PWA 的平台是 Magento (Adobe) 的 PWA Studio 和 Vue Storefront。 这篇文章将比较这两个 PWA 框架——Magento PWA Studio 与 Vue Storefront，并就哪一个最适合他们的业务向公司提供建议。

让我们开始！

1/ Magento PWA 工作室

Magento PWA Studio 是 Magento 提供的一组工具，用于为当前 Magento 站点设置 PWA。

该工具仅适用于 Magento 2。 因此，尚未从 Magento 1 迁移到 2 的公司需要先进行迁移，然后才能通过 Magento PWA Studio 开发 PWA。

PWA Studio 基于 React、JavaScript、Redux 和 GraphQL。

优点：

最新技术

Magento 经常对这些工具进行改进，因此商家将始终获得其商店的最新更新。

详细文档

商家可以在 Magento PWA Docs 中找到他们最关心的问题（PWA Studio 概述、基本概念、PWA 店面设置、教程、API 参考、发行说明、常见问题解答……）。

便利的开发方法

借助 Magento 的有用资源，开发人员可能会发现 PWA 集成过程不那么复杂。

强大的社区

Magento PWA Studio 由拥有大量开发人员的 Magento 社区支持和贡献。 因此，在需要时为您的 PWA 寻求帮助可能会更容易。

完整的 PWA 功能

商家将通过 Magento PWA Studio 将所有 PWA 功能集成到他们的商店中（添加到主屏幕、离线模式、推送通知、后台同步等）。

过去成功的项目

许多基于 PWA Studio 的 PWA 开发项目都报告了积极的成果，例如 ShopEddies 和 Boonthavorn。

缺点：

跨平台不兼容

使用 Magento PWA Studio 的主要限制是它仅与 Magento 兼容。 此外，它仅适用于 Magento 2.3 及更高版本，不支持 Magento 1。

粗略的设计

与 Magento 的默认主题（Luma & Blank）类似，Venia PWA Studio 主题非常基础，并不吸引人。 因此，很少有 Magento 商店会立即应用此模板，但会进行大量定制或寻找从 PWA Studio 构建的其他 Magento PWA 主题。

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 获取并进行改进。 因此，这为开发人员提供了极大的灵活性和轻松的定制，以提供最能满足商家需求的解决方案。

写得很好的文件

开发人员在通过 Vue Storefront 设置 PWA 主题时不会遇到很多困难，因为提供的文档非常详细。

缺点

与 Magento 的冲突

Magento 网站转换为 Magento PWA 后，其前端替换为 Vue Storefront 的 PWA 前端，但 Magento 后端仍然相同。 因此，新店面将支持 Magento 的核心功能至关重要。

那就是问题所在。

首先，Vue Storefront 目前不支持 Magento 网站的所有核心功能。

其次，当商家将来想要将他们的商店更新到更新版本的 Magento 2 时，随着更多功能的到来，更新后的后端很可能与 Vue Storefront 的 PWA 店面发生冲突。

因此，商店所有者需要时间来为他们的 PWA 添加更多功能以及解决 Magento 和 Vue 之间可能存在的冲突。

定制开发费

商家仍然需要为定制付费，因为设计还需要更多的调整才能投入使用。

虽然该工具不向商家收取任何费用，但开发服务相当昂贵，尤其是当您雇用 Vue Storefront 的开发人员时。

Magento PWA Studio 与 Vue 店面：谁赢了？

总体而言，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 Progressive Web App 开发方面， Tigren是您需要考虑的首批公司之一。 我们提供各种解决方案，从 TigrenPWA（使用 PWA Studio 构建的用于 Magento 的功能丰富的 PWA 模板）、自定义 PWA 开发（从头开始）、到 Magento 网站再到 PWA 迁移。 对我们有任何疑问吗？ 立即发送至 [email protected]！

阅读更多：

什么是 Magento PWA Studio？ – 完整说明

Magento 2 PWA Studio 演示（Venia）与。 TigrenPWA 主题

如何设置 Magento 2 PWA Studio？