Magento 2 PWA Demo โดย Inchoo
ผู้เชี่ยวชาญของ Inchoo ใช้ประโยชน์จาก PWA Studio เพื่อสร้างการสาธิตทางเลือกที่มีความคล่องตัวและปรับแต่งได้ดีกว่าเมื่อเปรียบเทียบกับแนวคิดของ Venia และนี่คือไฮไลท์การสาธิตที่สำคัญ
- Magento 2 PWA Studio , Buildpack, Peregrine
- เหมาะสำหรับมือถือและเดสก์ท็อป
- รวมคีย์เวิร์กโฟลว์ + การชำระเงินเสร็จสมบูรณ์
- คะแนน Lighthouse: 93-100 ทุกการตรวจสอบด้วยเครือข่าย 3G
- ทำงานแบบออฟไลน์
- สามารถเพิ่มไปยังหน้าจอหลัก
- การนำทางแบบเลเยอร์
- รหัสคูปอง
- การประมาณค่าจัดส่ง
- การจัดกลุ่มผลิตภัณฑ์
มีโซลูชั่นชั้นนำของ Magento 2 PWA สองแบบคือ Vue Storefront เป็น community-based project และ Storefront Cloud เป็นการค้า ทั้งสองแบบมีฟีเจอร์ดังนี้
- ฟังก์ชั่นออฟไลน์
- ติดตั้งได้บนหน้าจอหลัก
- การนำทางเฉพาะมือถือ
- การแจ้งเตือน
- รองรับอุปกรณ์ทั้งหมด
- จัดทำดัชนีโดย Google
- ไม่จำเป็นต้องดาวน์โหลด
- ไม่ต้องมีการอัพเดต
- สามารถแชร์เนื้อหาได้
- ใช้ข้อมูลน้อย
Vue Storefront
Vue Storefront เป็นการใช้งาน PWA ที่ใหญ่และสมบูรณ์ที่สุดสำหรับ Magento 2 คุณสามารถติดตั้ง Vue Storefront บนเซิร์ฟเวอร์ของคุณเองโดยไม่มีค่าใช้จ่าย โครงการนี้ให้คุณสำรวจซอร์สโค้ดและเชื่อมต่อกับเว็บไซต์อีคอมเมิร์ซเพื่อเริ่มใช้งานจริง! โมเดลธุรกิจที่อยู่เบื้องหลังโซลูชัน Magento 2 PWA นี้เป็นโอเพ่นซอร์ส แม้ว่าคุณสามารถเพิ่มการออกแบบหน้าร้านแบบกำหนดเองได้ แต่ก็มีเทมเพลตหน้าร้านพื้นฐาน ในเวลาเดียวกันคุณสามารถใช้แอปพลิเคชันหน้าร้าน PWA ได้
Storefront Cloud
Storefront Cloud ไม่เพียงแต่มีคุณสมบัติพิเศษให้เท่านั้น แต่ยังช่วยให้คุณข้ามการตั้งค่าทางเทคนิคและบำรุงรักษาระบบด้วยการสมัครใช้งาน a cloud-hosted platform PWA นี้มอบ cloud hosting, backups, SLA, และเครื่องมือการแปลง AMP
Vue Storefront Storefront Cloud มี ธีมพรีเมี่ยมที่ปรับให้เหมาะกับความเร็ว UX และการเปลี่ยนแปลง คุณสมบัติพิเศษอื่น ๆ ได้แก่
- เครื่องมือคำสั่ง PaaS Magento 2 PWA
- การตรวจสอบ 24/7 และการสำรองข้อมูลรายวัน;
- Cloud CDN
- บประกันความพร้อมในการทำงาน 99.9%;
- รวบรวมบริการ Magento 2 ขั้นสูง
- การสนับสนุนผลิตภัณฑ์และด้านเทคนิค + ช่องทางสำหรับองค์กรโดยเฉพาะ
- จัดการการเข้าถึงกลุ่ม Kubernetes
- การจัดการรหัสที่มา Gitlab
- การปรับใช้อัตโนมัติ
- การจัดเตรียมสภาพแวดล้อม
- เครื่องมือการแสดงผล AMP
- ผู้จัดการความสำเร็จของลูกค้า
- การฝึกอบรม
แนวโน้มของผู้เล่นใหม่
ScandiPWA เป็นโซลูชัน Magento 2 PWA ที่คุ้มค่า โดยมุมมองของผู้ค้ามันมีการรองรับการเปลี่ยนแปลงบนมือถือได้ดี, SEO ที่ดีขึ้นและลดเวลาในการโหลดหน้าเว็บสูงสุดถึง 300% มีธีมที่ทำให้เข้าสู่มาร์เก็ตได้เร็วขึ้น นอกจากนี้ยังเป็นไปได้ที่จะปรับใช้ PWA ไปยัง Google Play และ App Store และมีการซัพพอร์ตผู้ค้าจากทีมหลักด้วย ScandiPWA สำหรับนักพัฒนานำเสนอการรวม Magento 2 แบบรวมตัว กำจัดการใช้ DBs หรือ middleware เพิ่มเติมและเอื้ออำนวยกับเทคโนโลยี React, Redux และ GraphQL ในฐานะที่เป็น coder คุณสามารถปรับปรุงสภาพแวดล้อมการพัฒนาที่มีอยู่บน Docker และคำสั่ง Varnish & Persisted เพื่อการซิงโครไนซ์ข้อมูลขั้นสูงเพิ่มเติม ข้อดีอีกอย่างของ ScandiPWA ก็คือเลเยอร์แคชสำหรับเวลาตอบสนอง 0.020 วินาที นอกจากนี้ยังจำเป็นต้องดึงความสนใจของคุณไปยังการอัพเกรดธีมหลักเพื่อความเข้ากันได้แบบย้อนหลัง
จากการพัฒนา UX UX , ScandiPWA เสนอฟีเจอร์ดังต่อไปนี้
- หน้าร้านแรกของ Magento 2 PWAบนมือถือ
- แนวทางปฏิบัติที่ดีที่สุดของ Google e-commerce
- การแจ้งให้ทราบถึงการเปลี่ยนแปลง
- ทีมเพิ่มประสิทธิภาพ
- เพิ่มความสะดวกสบายด้วยเทคโนโลยีล้ำสมัย
- แจ้งเตือนผลักดันและเรียกดูออฟไลน์
ScandiPWA ได้สร้างธีม PWA แบบเต็มรูปแบบสำหรับ Magento เพิ่มเติมการ caching layer และ แบบสอบถาม และเตรียม SSR สำหรับพัฒนา PWA SEO ให้ดีขึ้น และคุณสมบัติอื่น ๆ รวมถึงการเปลี่ยนเส้นทาง 301, การนำทางแบบเลเยอร์, กฎราคารถเข็นและธีมแรกสำหรับมือถือ สำหรับ รีวิว , wishlist และการเปรียบเทียบสินค้าอยู่ระหว่างการพัฒนา และนี่คือแผนการปรับปรุง
- เลเยอร์ข้อมูล GTM ขั้นสูง
- วิธีการชำระเงินและการจัดส่ง
- ร้านค้าที่หลากหลาย สกุลเงินและการแปลภาษา
- คุณสมบัติ SEO ขั้นสูง
- New Experimental & Interesting Things
การทดลองใหม่และสิ่งที่น่าสนใจ
ด้านล่างนี้คุณสามารถค้นหาฟีเจอร์ที่เกี่ยวข้องกับ PWA ใหม่
gatsby-source-magento2
นี่คือปลั๊กอินสำหรับดึงข้อมูลจาก Magento 2.3 เข้าสู่ Gatsby มันให้บริการข้อมูลสาธารณะผ่าน Magento 2.3 GraphQL endpoint รวมถึงรองรับ gatsby-transformer-sharp และ gatsby-image สำหรับรูปภาพ
Magento 2.3 + GraphQL + Gatsby
สามารถได้ว่าจะสร้าง Landing Page อย่างเร็วที่สุดโดยใช้เทคโนโลนี้ข้างต้นได้อย่างไร