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