Headless Architecture

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

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

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

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

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

Headless structure
pexels-thisisengineering-3861943

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

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

Design experiences visually using a WYSIWYG editor

While serving platform-agnostic content to developers, content authors and marketers can manage experiences in single-page applications (SPAs) and progressive web apps (PWAs) through AdminCentral, Magnolia’s content management system (CMS) GUI.

Our visual editor integrates with your front-end framework to give business users a great authoring experience in an easy WYSIWYG fashion including a preview of experiences on different devices.

Magnolia WYSIWYG editor

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

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

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

Mix Headless and Traditional Experience Delivery

Many use cases benefit from the flexibility that headless CMSs offer. However, you might not want to be forced to develop a custom front end for each project. If you are building multiple websites or functional areas, such as a marketing website, a customer portal and a careers page, Magnolia allows you to go hybrid. You have the choice to, for example, build one website with React, and another one using Magnolia’s page rendering.

Headless process

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

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

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

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

แหล่งข้อมูลทั้งหมด