Headless Architecture

Magnolia ให้อิสระแก่นักพัฒนาของคุณในการทำงานด้วย Front-end Framework ต่างๆ และมอบการควบคุมด้วยการมองเห็นให้แก่นักการตลาดในการสร้าง digital experience ที่ดีเยี่ยมในระดับต่างๆ

ประโยชน์ของ Headless Architecture ของ Magnolia

จัดคอนเทนต์แบบไม่มีการอ้างอิงจากที่เก็บแห่งเดียวบนแพลตฟอร์ม

ค้นพบเพิ่มเติม

สร้าง API ง่ายๆ โดยใช้ YAML

ค้นพบเพิ่มเติม

ประสบการณ์การออกแบบโดยเห็นผลลัพธ์จากการใช้โปรแกรมแก้ไข WYSIWYG

ค้นพบเพิ่มเติม

แสดงเนื้อหาแบบ platform-agnostic จากที่เก็บเดียว

สถาปัตยกรรมของ Magnolia ช่วยให้สามารถจัดการเนื้อหาแบบไร้หัวได้ Magnolia ทำหน้าที่เป็นที่เก็บเนื้อหาเดียวทำให้เนื้อหาและทรัพย์สินพร้อมใช้งานผ่าน API สำหรับการบริโภคตามจุดสัมผัสต่างๆ

การแยกการจัดการเนื้อหาออกจากการนำเสนอเนื้อหาช่วยให้คุณสร้างส่วนหน้าแบบกำหนดเองสำหรับช่องต่างๆรวมถึงเว็บมือถือโซเชียลและลำโพงอัจฉริยะโดยใช้กรอบงานและระบบการจัดส่งที่คุณเลือกในขณะที่เพิ่มความสอดคล้องของเนื้อหาและนำกลับมาใช้ใหม่

ด้วยการผสานรวมของเรากับกอง DX ของคุณ API ของเรายังให้บริการลิงก์ไปยังเนื้อหาที่ไม่ได้อยู่ใน Magnolia เช่นรูปภาพจากระบบการจัดการสินทรัพย์ดิจิทัล (DAM) หรือผลิตภัณฑ์จากระบบการจัดการข้อมูลผลิตภัณฑ์ (PIM)

สร้าง API ง่ายๆ โดยใช้ YAML

นอกจาก GraphQL API คุณยังสามารถใช้ Magnolia REST API ในการดึงคอนเทนต์ในรูปแบบ JSON การพัฒนาแบบเขียนโค้ดน้อยจากเรายังช่วยให้คุณสร้างและอัปเดต API endpoint ได้อย่างสะดวกและรวดเร็ว ตัวอย่างเช่น คุณสามารถสร้าง การจัดส่ง API endpointใหม่ได้โดยใช้โค้ดเพียงแค่ 5 บรรทัด

ออกแบบประสบการณ์ด้วยสายตาโดยใช้โปรแกรมแก้ไข WYSIWYG

ในขณะที่ให้บริการเนื้อหาที่ไม่เกี่ยวกับแพลตฟอร์มแก่นักพัฒนาผู้เขียนเนื้อหาและนักการตลาดสามารถจัดการประสบการณ์ในแอปพลิเคชันหน้าเดียว (SPAs) และเว็บแอปแบบก้าวหน้า (PWA) ผ่าน AdminCentral GUI ของระบบจัดการเนื้อหา (CMS) ของ Magnolia

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

Magnolia WYSIWYG editor

ค้นหาสิ่งที่คุณต้องการด้วย GraphQL

GraphQL API ของ Magnolia ปรับปรุงวิธีและความเร็วในการเข้าถึงข้อมูล GraphQL API ต่างจาก REST API ตรงที่ไม่ได้จัดการด้วย endpoint แทนที่จะกำหนดค่า endpoint ต่อเซ็ทข้อมูล หนึ่ง GraphQL endpoint สามารถให้การเข้าถึงข้อมูลทั้งหมดที่ API จัดการได้ วิธีนี้ช่วยให้คุณดึงข้อมูลโดยไม่กำหนดค่าหรืออัปเดต endpoint ทุกครั้งที่คุณเปลี่ยนประเภทคอนเทนต์หรือหน้าเทมเพลต

นอกจากนี้ รูปแบบมาตรฐานของ GraphQL ทำให้การคาดเดาในการตอบสนองง่ายขึ้น ทำให้การการจัดส่งและการ integrate แบบอัตโนมัติดีขึ้น

การใช้งานร่วมกันระหว่าง Headless กับการจัดส่งประสบการณ์แบบดั้งเดิม

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

Headless process

เลือก Headless CMS ที่ดีที่สุด

มี CMS หลายตัวที่บอกว่าเป็นระบบ headless แต่มันก็แตกต่างกันมาก Magnolia แตกต่างจาก headless CMS แบบ slim เพราะมีการทำงานในสองรูปแบบ: รูปแบบ headless และ รูปแบบ hybrid headless Magnolia ให้บริการ REST API และ GraphQL ในการใช้คอนเทนต์ เพื่อประโยชน์ทั้งหมดที่จะได้รับของระบบ headless CMS นอกจากนี้ ยังมีการรวมคุณสมบัติของ enterprise CMS ขั้นสูงที่ไม่เป็นอุปสรรคสำหรับนักพัฒนา และเป็นตัวช่วยให้กับนักการตลาด

แหล่งข้อมูลเพิ่มเติม

แหล่งข้อมูลทั้งหมด
Whitepaper Headless
รายงาน Head to Headless

Visual headless: ผู้ใช้ CMS 1,000 รายแบ่งปันความเห็นของพวกเขาเกี่ยวกับ อีกระดับของการจัดการคอนเทนต์และการออกแบบประสบการณ์ทางดิจิทัล

รายงานวิจัยเกี่ยวกับ Magnolia Head to Headless
Architecture และ Tech Stack

อิสรภาพในการทำ API, stack และ frontend: ค้นพบประสิทธิภาพและประโยชน์ทางเทคนิคของ Magnolia

Architecture และ Tech Stack
การออกแบบ DX

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

สำหรับหัวหน้าฝ่ายเทคนิค
ลงทะเบียนทดลองใช้สำหรับนักพัฒนา

สัมผัสทุกประสบการณ์ที่ Magnolia มีนำเสนอด้วยการทดลองใช้ enterprise DX Core ของเรา: multi-site, multi-source, personalization, tagging, workflow และอื่นๆ อีกมากมาย

การทดลองใช้สำหรับนักพัฒนา Magnolia
การฝึกอบรม Magnolia

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

การฝึกอบรมMagnolia

รับชมการสาธิตแบบส่วนตัวของคุณ