Magento PWA Studio vs Vue Storefront: Porównanie i porady

Progressive Web App staje się najlepszą technologią, którą sprzedawcy powinni integrować w swojej witrynie, aby zapewnić klientom jak najlepsze wrażenia. Najpopularniejsze platformy do budowania PWA dla sklepów Magento to w tej chwili PWA Studio od Magento (Adobe) oraz Vue Storefront. Ten post będzie dotyczył porównania tych dwóch frameworków PWA – Magento PWA Studio vs Vue Storefront i doradzania firmom, który z nich najlepiej pasuje do ich biznesu.

Zaczynajmy!

1/ Studio Magento PWA

Magento PWA Studio to zestaw narzędzi dostarczonych przez Magento do konfiguracji PWA dla aktualnej strony Magento.

Narzędzie jest stosowane tylko dla Magento 2. Dlatego firmy, które nie przeprowadziły migracji z Magento 1 do 2, muszą najpierw przeprowadzić migrację, zanim będą mogły opracować PWA przez Magento PWA Studio.

PWA Studio bazuje na React, JavaScript, Redux i GraphQL.

Plusy:

Najnowsza technologia

Narzędzia są często ulepszane przez Magento, dzięki czemu sprzedawcy zawsze będą otrzymywać najnowsze aktualizacje dla swoich sklepów.

Szczegółowa dokumentacja

Sprzedawcy mogą znaleźć większość swoich obaw (przegląd PWA Studio, podstawowe koncepcje, konfiguracja sklepu PWA, samouczki, informacje o API, informacje o wydaniu, często zadawane pytania…) wyjaśnione dokładnie w Magento PWA Docs.

Ułatwione podejście do rozwoju

Dzięki przydatnym zasobom Magento programiści mogą uznać proces integracji PWA za mniej skomplikowany.

Silna społeczność

Magento PWA Studio jest wspierane i wspierane przez społeczność Magento z ogromną liczbą programistów. Dlatego w razie potrzeby łatwiej będzie szukać pomocy dla PWA.

Pełne funkcje PWA

Sprzedawcy otrzymają wszystkie funkcje PWA zintegrowane ze swoim sklepem dzięki Magento PWA Studio (dodanie do ekranu głównego, tryb offline, powiadomienia push, synchronizacja w tle itd.).

Udane projekty z przeszłości

Wiele projektów programistycznych opartych na PWA Studio, takich jak ShopEddies i Boonthavorn, przyniosło pozytywne rezultaty.

Cons:

Niezgodność między platformami

Głównym ograniczeniem korzystania z Magento PWA Studio jest to, że jest ono kompatybilne tylko z Magento. Ponadto został zbudowany tylko dla Magento 2.3 i wyższych wersji, Magento 1 nie jest obsługiwany.

Szkicowy projekt

Podobnie jak domyślny motyw Magento (Luma & Blank), motyw Venia PWA Studio jest bardzo prosty i niezbyt atrakcyjny. W rezultacie rzadko spotykane sklepy Magento zastosują ten szablon od razu, ale dokonają poważnych dostosowań lub poszukają innych motywów Magento PWA zbudowanych z PWA Studio.

2/ Vue witryna sklepowa

Vue Storefront to frontend PWA typu open source dla wielu platform e-commerce, w tym Magento.

Vue Storefront korzysta z Vue.JS, Nuxt.JS, JavaScript i Composition API.

Plusy

Różne projekty

To rozwiązanie PWA oferuje sprzedawcom szeroką gamę opcji projektowania, które mogą odpowiadać wielu różnym zestawom potrzeb firm.

Zgodność

Vue Storefront można zastosować do Magento, Shopify i Shopware i ma zamiar łączyć się z większą liczbą platform elektronicznych w przyszłości.

Jeśli chodzi o kompatybilność z Magento, Vue Storefront obsługuje zarówno Magento 1, jak i Magento 2.

Elastyczna personalizacja

Każdy może mieć dostęp do platformy, pobierać ją z Github i wprowadzać ulepszenia. W ten sposób zapewnia to programistom dużą elastyczność i łatwą personalizację w celu dostarczenia rozwiązania, które najlepiej odpowiada potrzebom handlowców.

Dobrze napisane dokumenty

Deweloperzy nie napotykają wielu trudności podczas konfigurowania motywu PWA przez Vue Storefront, ponieważ dostarczona dokumentacja jest dość szczegółowa.

Cons

Konflikty z Magento

Po przekonwertowaniu strony Magento na Magento PWA, jej frontend zostaje zastąpiony frontendem PWA Vue Storefront, jednak backend Magento jest nadal taki sam. Dlatego kluczowe jest, aby nowa witryna sklepowa obsługiwała podstawowe funkcje Magento.

To jest problem.

Po pierwsze, Vue Storefront nie obsługuje obecnie wszystkich podstawowych funkcji witryn Magento.

Po drugie, gdy sprzedawcy będą chcieli zaktualizować swoje sklepy do nowszej wersji Magento 2 w przyszłości, z kolejnymi funkcjami, zaktualizowany backend prawdopodobnie będzie kolidował z witryną sklepową PWA od Vue Storefront.

W rezultacie właściciele sklepów potrzebują czasu, aby dodać więcej funkcji do swoich PWA, a także rozwiązać ewentualne konflikty między Magento i Vue.

Opłata za dostosowanie i rozwój

Sprzedawcy nadal muszą płacić za dostosowanie, ponieważ projekt nadal wymaga dalszych poprawek, zanim będzie mógł zacząć działać.

Chociaż narzędzie nie pobiera żadnych opłat od sprzedawców, usługa programistyczna jest dość droga, zwłaszcza gdy zatrudniasz programistów Vue Storefront.

Magento PWA Studio vs Vue Storefront: który wygrywa?

Ogólnie rzecz biorąc, Magento PWA Studio wydaje się być lepszym rozwiązaniem dla użytkowników Magento. Jest często aktualizowany równolegle z rozwojem Magento 2. Ponadto, ponieważ pochodzi z Magento, konflikt kodu może nie stanowić problemu. Co więcej, PWA Studio jest bardziej zaznajomione z programistami Magento. Dlatego łatwiej byłoby Ci znaleźć partnera (agencję lub programistę) do swojego projektu.

Dla porównania, Vue Storefront nie skupia się na Magento, ale na różnych platformach, co kończy się brakiem podstawowych funkcji i prawdopodobną niezgodnością kodu.

Są jednak dwie rzeczy, które sprawiają, że Vue Storefront przewyższa PWA Studio. Po pierwsze, jest kompatybilny z Magento 1. Po drugie, zapewnia więcej opcji w zakresie projektowania witryny sklepowej.

Dlatego jeśli posiadasz sklep Magento 2 i chcesz go przekonwertować na Magento PWA, skorzystanie z PWA Studio lub opartych na nim gotowych szablonów PWA jest bezsprzecznie sprytnym posunięciem. Z drugiej strony, jeśli Twoja obecna witryna to Magento 1 i nie masz zamiaru przekształcać jej na Magento 2, bardziej zalecane jest skorzystanie z rozwiązania Vue do rozwoju PWA.

Jeśli chodzi o rozwój Magento Progressive Web App, Tigren jest jedną z pierwszych firm, które należy wziąć pod uwagę. Dostarczamy różnorodne rozwiązania, od TigrenPWA – bogatego w funkcje szablonu PWA dla Magento zbudowanego z PWA Studio, niestandardowego rozwoju PWA (od podstaw), przez stronę Magento do migracji PWA. Masz do nas jakieś pytania? Wyślij je teraz na [email protected]!

Czytaj więcej:

Co to jest Magento PWA Studio? – Pełne wyjaśnienie

Wersja demo Magento 2 PWA Studio (Venia) Motyw TigrenPWA

Jak skonfigurować Magento 2 PWA Studio?