Magento PWA Studio vs Vue Storefront: comparație și sfaturi

Publicat: 2022-05-25

Progressive Web App este în creștere ca tehnologie de top pe care comercianții ar trebui să o integreze pe site-ul lor web pentru a oferi clienților cea mai bună experiență. Cele mai populare platforme pentru a construi PWA pentru magazinele Magento în acest moment sunt PWA Studio de la Magento (Adobe) și Vue Storefront. Această postare va lucra la compararea acestor două cadre PWA – Magento PWA Studio vs Vue Storefront și va sfătui firmele despre care dintre ele se potrivește cel mai bine afacerii lor.

Sa incepem!

1/ Magento PWA Studio

magento pwa studio

Magento PWA Studio este un set de instrumente furnizate de Magento pentru a configura PWA pentru site-ul Magento curent.

Instrumentul este aplicat numai pentru Magento 2. Astfel, firmele care nu au migrat de la Magento 1 la 2 trebuie să facă mai întâi migrarea înainte de a putea dezvolta PWA de către Magento PWA Studio.

PWA Studio se bazează pe React, JavaScript, Redux și GraphQL.

Pro:

Tehnologie de ultimă oră

Instrumentele primesc îmbunătățiri frecvente de către Magento, astfel încât comercianții vor primi întotdeauna cele mai recente actualizări pentru magazinele lor.

Documentatie detaliata

Comercianții își pot găsi majoritatea preocupărilor (prezentare generală a PWA Studio, concepte de bază, configurarea vitrinei PWA, tutoriale, referințe API, note de lansare, întrebări frecvente...) explicate cu atenție în Magento PWA Docs.

Abordare de dezvoltare facilitată

Cu resursele utile Magento, dezvoltatorii pot găsi procesul de integrare PWA mai puțin complicat.

Comunitate puternică

Magento PWA Studio este susținut și contribuit de comunitatea Magento cu un număr mare de dezvoltatori. Prin urmare, ar putea fi mai ușor să solicitați asistență pentru PWA atunci când este necesar.

Caracteristici complete PWA

Comercianții vor primi toate funcțiile PWA integrate în magazinul lor cu Magento PWA Studio (adăugați la ecranul de pornire, modul offline, notificare push, sincronizare în fundal și așa mai departe).

Proiecte trecute de succes

Multe proiecte de dezvoltare PWA bazate pe PWA Studio au raportat rezultate pozitive, cum ar fi ShopEddies și Boonthavorn.

Contra:

Incompatibilitate între platforme

Principala limitare a utilizării Magento PWA Studio este că este compatibil numai cu Magento. De asemenea, a fost creat doar pentru Magento 2.3 și versiunile superioare, Magento 1 nu este acceptat.

Design schițat

Similar cu tema implicită a Magento (Luma & Blank), tema Venia PWA Studio este foarte de bază și nu chiar atractivă. Ca rezultat, magazinele Magento rare vor aplica acest șablon imediat, dar fac personalizări intense sau caută alte teme PWA Magento create din PWA Studio.

2/ Vitrina Vue

vitrina vue

Vue Storefront este un front-end PWA open-source pentru mai multe platforme de comerț electronic, inclusiv Magento.

Vue Storefront utilizează Vue.JS, Nuxt.JS, JavaScript și API-ul Composition.

Pro

Modele diferite

Această soluție PWA oferă comercianților o gamă largă de opțiuni de design care se potrivesc multor seturi diferite de nevoi ale firmelor.

Compatibilitate

Vue Storefront poate fi aplicat pentru Magento, Shopify și Shopware și are intenția de a se conecta cu mai multe platforme electronice în viitor.

În ceea ce privește compatibilitatea Magento, Vue Storefront acceptă atât Magento 1, cât și Magento 2.

Personalizare flexibilă

Oricine poate avea acces la platformă, o poate obține de la Github și poate face îmbunătățiri. Astfel, acest lucru creează o mare flexibilitate și o personalizare ușoară pentru dezvoltatori pentru a oferi soluția care răspunde cel mai bine nevoilor comercianților.

Documente bine scrise

Dezvoltatorii nu întâmpină multe dificultăți atunci când configurează tema PWA de către Vue Storefront, deoarece documentația furnizată este destul de detaliată.

Contra

Conflicte cu Magento

După ce site-ul web Magento este convertit în Magento PWA, front-end-ul său este înlocuit cu frontend-ul PWA al Vue Storefront, cu toate acestea, backend-ul Magento este în continuare același. Prin urmare, este esențial ca noua vitrină să accepte caracteristicile de bază ale Magento.

Aceasta este problema.

În primul rând, Vue Storefront nu acceptă momentan toate funcțiile de bază ale site-urilor web Magento.

În al doilea rând, atunci când comercianții doresc să-și actualizeze magazinele la o versiune mai nouă a Magento 2 în viitor, cu mai multe funcții care urmează, backend-ul actualizat este probabil să intre în conflict cu vitrina PWA de la Vue Storefront.

Drept urmare, proprietarilor de magazine este nevoie de timp pentru a adăuga mai multe funcții la PWA-urile lor, precum și pentru a rezolva eventualele conflicte dintre Magento și Vue.

Taxa de personalizare si dezvoltare

Comercianții încă trebuie să plătească pentru personalizare, deoarece designul necesită încă mai multe ajustări înainte de a putea intra în funcțiune.

În timp ce instrumentul nu percepe comercianților nicio taxă, serviciul de dezvoltare este destul de scump, mai ales atunci când angajezi dezvoltatorii Vue Storefront.

Magento PWA Studio Vs Vue Storefront: Care câștigă?

În general, Magento PWA Studio pare a fi o soluție mai bună pentru utilizatorii Magento. Este actualizat frecvent în paralel cu progresul Magento 2. De asemenea, deoarece vine de la Magento, conflictul de cod ar putea să nu fie o problemă. În plus, PWA Studio este mai familiarizat cu dezvoltatorii Magento. Prin urmare, ți-ar fi mai ușor să cauți un partener (agenție sau programator) pentru proiectul tău.

În comparație, Vue Storefront nu se concentrează pe Magento, ci pe platforme variate, ajunge să lipsească funcții de bază și probabile disensiuni de cod.

Cu toate acestea, există două lucruri care fac ca Vue Storefront să depășească PWA Studio. În primul rând, este compatibil cu Magento 1. În al doilea rând, oferă mai multe opțiuni în ceea ce privește designul vitrinei.

Prin urmare, dacă dețineți un magazin Magento 2 și doriți să îl convertiți într-un PWA Magento, utilizarea PWA Studio sau teme PWA gata făcute bazate pe acesta este, fără îndoială, o mișcare inteligentă. Pe de altă parte, dacă site-ul dvs. actual este Magento 1 și nu aveți intenția de a-l transforma în Magento 2, este mai recomandat să alegeți soluția Vue pentru dezvoltarea PWA.

vue storefront vs magento pwa studio

Când vine vorba de dezvoltarea Magento Progressive Web App, Tigren este una dintre primele companii pe care trebuie să le luați în considerare. Oferim o varietate de soluții, de la TigrenPWA – un șablon PWA bogat în funcții pentru Magento, construit cu PWA Studio, dezvoltare personalizată PWA (de la zero), până la site-ul Magento până la migrarea PWA. Aveți întrebări pentru noi? Trimite-le la [email protected] acum!

Citeste mai mult:

Ce este Magento PWA Studio? – Explicație completă

Magento 2 PWA Studio Demo (Venia) vs. Tema TigrenPWA

Cum se configurează Magento 2 PWA Studio?