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？