การใช้ Magento เป็นแบ็กเอนด์แบบไม่มีส่วนหัว

View in another language:
สเตการ์

โลโก้ สเตกเซ็นทรัล

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

เว็บไซต์ประวัติศาสตร์นี้สร้างขึ้นโดยใช้ Magento ดังนั้นเราจึงเลือกที่จะใช้ Magento เป็นเทคโนโลยีอีคอมเมิร์ซแบ็กเอนด์ เนื่องจากฐานข้อมูลของ Magento มีซัพพลายเออร์ ผลิตภัณฑ์ และรูปแบบต่างๆ อยู่หลายพันรายการ เราอัปเกรด Magento เป็นเวอร์ชันล่าสุดและใช้เป็น CMS แบบไม่มีส่วนหัวสำหรับส่วนหน้าเว็บไซต์ ซึ่งใช้ Vue.js ผ่านกรอบงาน VueStoreFront

Team
ผู้อำนวยการ UX/UI 1 คน
ผู้จัดการโครงการ 1 อัตรา
1 นักออกแบบเว็บไซต์
นักพัฒนาฝั่งฟรอนต์เอนด์ 2 ตำแหน่ง
นักพัฒนาแบ็คเอนด์ 2 คน
Methodology
เวิร์คช็อป UX/UI
ระเบียบวิธีน้ำตก
ระเบียบวิธีแบบคล่องตัว (MA)
Tools
นกกระจอก
การทำงานเป็นทีม
อะโดบี XD
Technologies
Magento, Vue.JS
Timeframe
8 เดือน
Stegar-Main

อีคอมเมิร์ซแบบกำหนดเองพร้อมเทคโนโลยีล่าสุด

Stegcentralen i Årjäng AB เริ่มดำเนินการในปี 2548 เพื่อจำหน่ายผลิตภัณฑ์ระดับบันได แต่แคตตาล็อกของพวกเขาก็ขยายตัวมากขึ้นด้วยหมวดหมู่ผลิตภัณฑ์ใหม่ตามจำนวนซัพพลายเออร์ที่เพิ่มขึ้น พวกเขาไว้วางใจให้เราออกแบบใหม่และพัฒนาเว็บไซต์เก่าของพวกเขาที่สร้างขึ้นบน Magento เวอร์ชันเก่า ผลลัพธ์คือการออกแบบที่น่าดึงดูดและทันสมัยยิ่งขึ้นพร้อมทั้งมีเทคโนโลยีที่อัปเดตด้วย

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

Stegar-Wireframe

การใช้ Magento เป็น CMS แบบ headless หมายถึงอะไร

เมื่อใช้ Magento เป็น CMS (Content Management System) แบบ headless แสดงว่า Magento จะถูกใช้เพื่อจัดการและจัดระเบียบเนื้อหาของเว็บไซต์หรือแอปพลิเคชัน พร้อมแยกเลเยอร์การนำเสนอส่วนหน้าออกจากฟังก์ชันการทำงานของอีคอมเมิร์ซส่วนหลัง

ในสถาปัตยกรรม CMS แบบไม่มีส่วนหัว ระบบการจัดการเนื้อหาจะรับผิดชอบในการจัดเก็บและส่งมอบเนื้อหา และเลเยอร์การนำเสนอ (ส่วนหน้า) จะถูกจัดการโดยระบบที่แยกต่างหาก ในบริบทนี้ Magento ทำหน้าที่เป็นระบบส่วนหลังที่จัดการข้อมูลผลิตภัณฑ์ สินค้าคงคลัง และข้อมูลที่เกี่ยวข้องกับอีคอมเมิร์ซอื่นๆ

นี่คือที่มาของ Vue Storefront ซึ่งเป็นไลบรารีอินเทอร์เฟซส่วนหน้าที่เราใช้เป็นพื้นฐานในการสร้างเว็บไซต์อีคอมเมิร์ซของ Stegar ไลบรารีนี้ประกอบด้วยส่วนประกอบส่วนหน้าเพื่อแสดงผลิตภัณฑ์ รถเข็น และการสั่งซื้อ เนื่องจากเป็นไลบรารี Vue.js เราจึงสามารถปรับแต่งเพื่อให้สะท้อนถึงการออกแบบที่ต้องการได้อย่างชัดเจน

stegar-04

สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!

ติดต่อเรา
สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!