#F5F5F5
ฟีเจอร์ของ Adobe Experience Manager Sites

เครื่องมือสำหรับนักพัฒนา

Experience Manager Sites จะมอบโค้ดที่ปรับให้เหมาะสมไว้ล่วงหน้าและเครื่องมือที่ยืดหยุ่นเพื่อให้คุณสร้างหน้าเว็บที่มีประสิทธิภาพสูงสุดได้ การใช้ Edge Delivery Services ช่วยให้คุณได้รับคะแนนประสิทธิภาพเว็บที่ดีที่สุดโดยไม่ส่งผลเสียต่อการออกแบบ ฟีเจอร์ หรือเนื้อหาใดๆ

สำรวจเครื่องมือสำหรับนักพัฒนา

https://business.adobe.com/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#video |

GraphQL

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

  • การส่งมอบเนื้อหาแบบ headless นำเสนอเนื้อหาสำหรับแอปทั้งหมดของคุณในรูปแบบ JSON โดยใช้ภาษาการสืบค้นของ GraphQL ผ่าน API แบบ headless ของ Experience Manager
  • ข้อมูลที่เกี่ยวข้อง Query Experience Manager Content Fragments มาพร้อมองค์ประกอบ รูปแบบ และการอ้างอิงที่ซ้อนกันทั้งหมดที่จำเป็นสำหรับการเรนเดอร์โดยแอป
  • ประสิทธิภาพอันรวดเร็วและปรับขนาดได้ การสืบค้นที่ต่อเนื่องช่วยให้ลูกค้าได้รับประสบการณ์ที่รวดเร็วที่สุดด้วยการสืบค้นเนื้อหาที่สามารถแคชได้ ซึ่งออกแบบมาสำหรับสถาปัตยกรรมเว็บ รวมทั้งการแคชใน CDN
  • ตัวเลือกเครื่องมือและภาษา GraphQL เป็นเครื่องมือวิเคราะห์ฟรอนต์เอนด์และจำกัดการพึ่งพา SDK ซึ่งช่วยให้นักพัฒนาสามารถทำงานด้วยภาษาหรือเครื่องมือที่เลือกใช้ได้ (React, Angular, iOS)
  • เนื้อหาที่มีโครงสร้างอันทรงประสิทธิภาพ โมเดล Content Fragment รองรับประเภทฟิลด์ต่างๆ มากมายและมีความสามารถในการสร้างความสัมพันธ์ ซึ่งทำให้ง่ายต่อการสร้างโมเดลเนื้อหาที่นำมาใช้ซ้ำได้อันทรงประสิทธิภาพสูงและเนื้อหาแบบชิ้นส่วนเล็กๆ

คอมโพเนนต์พร้อมใช้

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

  • องค์ประกอบเกี่ยวกับฟังก์ชัน องค์ประกอบสำเร็จรูปแต่ละรายการคือชุดสคริปต์ที่สามารถส่งมอบฟังก์ชันเฉพาะได้อย่างสมบูรณ์
  • ความสัมพันธ์ที่รับค่ามา คอมโพเนนต์จะรักษาการรับค่าไว้แม้ว่าจะใช้ในหน้าเว็บและช่องทางต่างๆ ก็ตาม
  • ต้นทุนในการเป็นเจ้าของต่ำ คอมโพเนนต์ของ Experience Manager Sites สามารถอัปเกรดได้ เข้ากันได้กับเวอร์ชันเก่า และมีการเผยแพร่เวอร์ชันใหม่เป็นประจำ คุณจึงประหยัดเงินได้เมื่ออัปเกรดเวอร์ชันใหม่ล่าสุดหรือการปรับปรุงฟังก์ชันของไซต์
  • คอมโพเนนต์ที่เชื่อถือได้ การใช้คอมโพเนนต์ที่พร้อมใช้งานและผ่านการทดสอบล่วงหน้าแล้วจะทำให้คุณมั่นใจได้ว่าคอมโพเนนต์เหล่านี้จะทำงานตามที่คุณคาดหวัง ซึ่งช่วยให้คุณสามารถลดเวลาในการประกันคุณภาพ การทดสอบ และการซ่อมบำรุงลง และใช้เวลากับสิ่งที่มีความสำคัญจริงๆ ให้มากขึ้น
https://business.adobe.com/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/single-page-app-editing#spa |

การแก้ไขแอปหน้าเดียว

แก้ไขและจัดการแอปพลิเคชันหน้าเดียว (SPA) ที่สร้างด้วย open-source frameworks อย่าง React และ Angular โดยใช้เครื่องมือแก้ไขแบบ drag-and-drop เช่นเดียวกับที่คุณใช้สำหรับเว็บไซต์

  • เลย์เอาต์ที่ไร้รอยต่อ มอบความสามารถของ Experience Manager ผ่านบริการแบบ drag-and-drop ที่พร้อมให้ใช้งานในเครื่องมือแก้ไข SPA ของเรา
  • การกำกับดูแล CMS นักการตลาดและผู้ที่ไม่มีความรู้ในการเขียนโค้ดจะสามารถใช้ความสามารถของ CMS ใน Experience Manager Sites เพื่อแก้ไขและจัดการ SPA ได้
  • แก้ไขตามบริบท ผู้เขียนสามารถแก้ไขการเปลี่ยนแปลงและดูตัวอย่างผลจากการเปลี่ยนแปลงได้พร้อมๆ กัน แม้กระทั่งสำหรับแอปพลิเคชันบนเว็บที่ใช้เนื้อหาเป็น JSON
Separation of concerns.

แบ่งส่วน แบ่งความรับผิดชอบ

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

Optimized boilerplate code.

โค้ด Boilerplate ที่ปรับให้เหมาะสม

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

#F1F1F1

เรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนา

ค้นหาสิ่งที่คุณต้องการใน Experience League ซึ่งเป็นคอลเลกชันเนื้อหาวิธีใช้มากมายของเรา รวมถึงเอกสาร บทช่วยสอน และคู่มือผู้ใช้

ดูข้อมูลเพิ่มเติม