Magento PWA Studio 대 Vue Storefront: 비교 및 조언

게시 됨: 2022-05-25

Progressive Web App은 고객에게 최고의 경험을 제공하기 위해 판매자가 웹사이트에 통합해야 하는 최고의 기술로 성장하고 있습니다. 현재 Magento 스토어용 PWA를 구축하는 가장 인기 있는 플랫폼은 Magento(Adobe)의 PWA Studio와 Vue Storefront입니다. 이 게시물은 이 두 가지 PWA 프레임워크인 Magento PWA Studio와 Vue Storefront를 비교하는 작업을 하고 어느 것이 비즈니스에 가장 적합한지 회사에 조언합니다.

의 시작하자!

1/ 마젠토 PWA 스튜디오

Magento PWA Studio는 현재 Magento 사이트에 대한 PWA를 설정하기 위해 Magento에서 제공하는 도구 세트입니다.

이 도구는 Magento 2에만 적용됩니다. 따라서 Magento 1에서 2로 마이그레이션하지 않은 회사는 먼저 마이그레이션을 수행해야 Magento PWA Studio에서 PWA를 개발할 수 있습니다.

PWA Studio는 React, JavaScript, Redux 및 GraphQL을 기반으로 합니다.

장점:

자세한 문서

판매자는 Magento PWA 문서 내에서 주의 깊게 설명된 대부분의 우려 사항(PWA Studio 개요, 기본 개념, PWA 상점 설정, 자습서, API 참조, 릴리스 정보, FAQ 등)을 찾을 수 있습니다.

촉진 개발 접근법

유용한 리소스 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 Storefront는 Magento를 포함한 여러 전자 상거래 플랫폼을 위한 오픈 소스 PWA 프론트엔드입니다.

Vue Storefront는 Vue.JS, Nuxt.JS, JavaScript 및 구성 API를 사용합니다.

장점

다른 디자인

이 PWA 솔루션은 상인들에게 기업의 다양한 요구 사항을 충족할 수 있는 설계에 대한 광범위한 옵션을 제공합니다.

호환성

Vue Storefront는 Magento, Shopify, Shopware에 적용할 수 있으며 앞으로 더 많은 e-플랫폼과 연결할 계획입니다.

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 Storefront: 어느 쪽이 승리합니까?

전반적으로 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 은 가장 먼저 고려해야 할 회사 중 하나입니다. PWA Studio로 구축된 풍부한 기능의 Magento용 PWA 템플릿인 TigrenPWA, 맞춤형 PWA 개발(처음부터), Magento 웹사이트에서 PWA 마이그레이션까지 다양한 솔루션을 제공합니다. 문의사항이 있으신가요? 지금 [email protected]으로 보내십시오!

더 읽어보기:

Magento PWA 스튜디오란 무엇입니까? – 전체 설명

Magento 2 PWA 스튜디오 데모(Venia) 대. TigrenPWA 테마

Magento 2 PWA Studio를 설정하는 방법은 무엇입니까?

Magento PWA Studio 대 Vue Storefront: 비교 및 ​​조언