Magento PWA Studio Vs Vue Storefront: การเปรียบเทียบ & คำแนะนำ

Progressive Web App กำลังเติบโตในฐานะเทคโนโลยีชั้นนำที่ผู้ค้าควรรวมเข้ากับเว็บไซต์ของตนเพื่อมอบประสบการณ์ที่ดีที่สุดให้กับลูกค้า แพลตฟอร์มที่ได้รับความนิยมมากที่สุดในการสร้าง PWA สำหรับร้านค้า Magento ในขณะนี้คือ PWA Studio จาก Magento (Adobe) และ Vue Storefront โพสต์นี้จะทำงานโดยเปรียบเทียบเฟรมเวิร์ก PWA ทั้งสองนี้ - Magento PWA Studio กับ Vue Storefront และแนะนำบริษัทว่าอันไหนเหมาะกับธุรกิจของพวกเขามากที่สุด

เอาล่ะ!

1/ Magento PWA Studio

Magento PWA Studio เป็นชุดเครื่องมือที่ Magento จัดเตรียมให้เพื่อตั้งค่า PWA สำหรับไซต์ Magento ปัจจุบัน

เครื่องมือนี้ใช้กับ Magento 2 เท่านั้น ดังนั้น บริษัทที่ยังไม่ได้ย้ายจาก Magento 1 เป็น 2 จำเป็นต้องทำการย้ายก่อนที่จะสามารถพัฒนา PWA โดย Magento PWA Studio

PWA Studio ใช้ React, JavaScript, Redux และ GraphQL

ข้อดี:

เทคโนโลยีที่ทันสมัย

เครื่องมือเหล่านี้ได้รับการปรับปรุงบ่อยครั้งโดย Magento ดังนั้นผู้ค้าจะได้รับการอัปเดตล่าสุดสำหรับร้านค้าของตนเสมอ

เอกสารรายละเอียด

ผู้ค้าสามารถค้นหาข้อกังวลส่วนใหญ่ได้ (ภาพรวม PWA Studio, แนวคิดพื้นฐาน, การตั้งค่าหน้าร้าน PWA, บทช่วยสอน, การอ้างอิง API, บันทึกประจำรุ่น, คำถามที่พบบ่อย…) อธิบายอย่างละเอียดใน Magento PWA Docs

แนวทางการพัฒนาที่สะดวก

ด้วยทรัพยากรที่มีประโยชน์ของวีโอไอพี นักพัฒนาอาจพบว่ากระบวนการรวม PWA ซับซ้อนน้อยลง

ชุมชนเข้มแข็ง

Magento PWA Studio ได้รับการสนับสนุนและสนับสนุนโดยชุมชน Magento ที่มีนักพัฒนาจำนวนมาก ดังนั้นจึงอาจขอความช่วยเหลือจาก กปภ. ได้ง่ายขึ้นเมื่อจำเป็น

คุณสมบัติ PWA เต็มรูปแบบ

ผู้ค้าจะรวมฟังก์ชัน PWA ทั้งหมดไว้ในร้านค้าด้วย Magento PWA Studio (เพิ่มในหน้าจอหลัก โหมดออฟไลน์ การแจ้งเตือนแบบพุช การซิงค์พื้นหลัง และอื่นๆ)

โครงการที่ผ่านมาที่ประสบความสำเร็จ

โครงการพัฒนา กปภ. หลายโครงการจาก กปภ. สตูดิโอ ได้รายงานผลในเชิงบวก เช่น ShopEddies และบุญถาวร

จุดด้อย:

ความเข้ากันไม่ได้ข้ามแพลตฟอร์ม

ข้อจำกัดหลักของการใช้ Magento PWA Studio คือเข้ากันได้กับ Magento เท่านั้น นอกจากนี้ยังสร้างขึ้นสำหรับ Magento 2.3 และเวอร์ชันที่สูงกว่าเท่านั้น ไม่รองรับ Magento 1

ดีไซน์เก๋ๆ

คล้ายกับธีมเริ่มต้นของ Magento (Luma & Blank) ธีม Venia PWA Studio เป็นแบบพื้นฐานและไม่น่าสนใจจริงๆ ด้วยเหตุนี้ ร้าน Magento ที่หายากจะใช้เทมเพลตนี้ทันที แต่ทำการปรับแต่งจำนวนมากหรือมองหาธีม Magento PWA อื่นๆ ที่สร้างจาก PWA Studio

2/ หน้าร้านวิว

Vue Storefront เป็นฟรอนต์เอนด์ของ PWA แบบโอเพนซอร์สสำหรับแพลตฟอร์มอีคอมเมิร์ซหลายแห่งรวมถึง Magento

Vue Storefront ใช้ Vue.JS, Nuxt.JS, JavaScript และ Composition API

ข้อดี

การออกแบบต่างๆ

โซลูชัน PWA นี้ช่วยให้ผู้ค้ามีตัวเลือกมากมายในการออกแบบที่สามารถตอบสนองความต้องการที่หลากหลายจากบริษัท

ความเข้ากันได้

Vue Storefront ใช้ได้กับ Magento, Shopify และ Shopware และมีความตั้งใจที่จะเชื่อมต่อกับ e-platform เพิ่มเติมในอนาคต

เกี่ยวกับความเข้ากันได้ของ Magento Vue Storefront รองรับทั้ง Magento 1 และ Magento 2

การปรับแต่งที่ยืดหยุ่น

ทุกคนสามารถเข้าถึงแพลตฟอร์ม รับจาก Github และทำการปรับปรุง ดังนั้น สิ่งนี้จะสร้างความยืดหยุ่นที่ยอดเยี่ยมและปรับแต่งได้ง่ายสำหรับนักพัฒนาเพื่อนำเสนอโซลูชันที่ตรงตามความต้องการของผู้ค้ามากที่สุด

เอกสารเขียนอย่างดี

นักพัฒนาซอฟต์แวร์ไม่พบปัญหามากมายเมื่อตั้งค่าธีม PWA โดย Vue Storefront เนื่องจากเอกสารที่ให้มานั้นมีรายละเอียดค่อนข้างมาก

ข้อเสีย

ความขัดแย้งกับวีโอไอพี

หลังจากที่เว็บไซต์ Magento ถูกแปลงเป็น Magento PWA ส่วนหน้าจะถูกแทนที่ด้วยส่วนหน้า PWA ของ Vue Storefront อย่างไรก็ตาม แบ็กเอนด์ของ Magento ยังคงเหมือนเดิม ดังนั้นจึงเป็นเรื่องสำคัญที่หน้าร้านใหม่จะสนับสนุนคุณลักษณะหลักของวีโอไอพี

นั่นแหละปัญหา.

ประการแรก Vue Storefront ไม่รองรับคุณสมบัติหลักทั้งหมดของเว็บไซต์ Magento ในขณะนี้

ประการที่สอง เมื่อผู้ค้าต้องการอัปเดตร้านค้าของตนเป็น Magento 2 เวอร์ชันใหม่กว่าในอนาคต โดยจะมีฟีเจอร์เพิ่มเติมตามมา แบ็กเอนด์ที่อัปเดตแล้วมีแนวโน้มที่จะขัดแย้งกับหน้าร้าน PWA โดย Vue Storefront

ด้วยเหตุนี้ เจ้าของร้านค้าจึงต้องใช้เวลาในการเพิ่มฟังก์ชันต่างๆ ให้กับ PWA ของตน รวมทั้งแก้ไขข้อขัดแย้งที่อาจเกิดขึ้นระหว่าง Magento และ Vue

ค่าธรรมเนียมการปรับแต่งและพัฒนา

ผู้ค้ายังคงต้องจ่ายสำหรับการปรับแต่งเนื่องจากการออกแบบยังคงต้องการการปรับเปลี่ยนเพิ่มเติมก่อนที่จะเริ่มดำเนินการได้

แม้ว่าเครื่องมือจะไม่เรียกเก็บค่าธรรมเนียมใดๆ จากผู้ค้า แต่บริการด้านการพัฒนาค่อนข้างแพง โดยเฉพาะอย่างยิ่งเมื่อคุณจ้างนักพัฒนาของ Vue Storefront

Magento PWA Studio Vs 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 เป็นหนึ่งในบริษัทแรกๆ ที่คุณต้องพิจารณา เราให้บริการโซลูชันที่หลากหลาย ตั้งแต่ TigrenPWA ซึ่งเป็นเทมเพลต PWA ที่มีคุณลักษณะหลากหลายสำหรับ Magento ที่สร้างด้วย PWA Studio การพัฒนา PWA แบบกำหนดเอง (ตั้งแต่ต้นจนจบ) ไปจนถึงเว็บไซต์ Magento ไปจนถึงการโยกย้าย PWA มีคำถามใด ๆ สำหรับเรา? ส่งไปที่ [email protected] ตอนนี้!

อ่านเพิ่มเติม:

Magento PWA Studio คืออะไร? – คำอธิบายแบบเต็ม

Magento 2 PWA Studio Demo (เวเนีย) กับ ธีม TigrenPWA

วิธีการตั้งค่า Magento 2 PWA Studio