หลักการสถาปัตยกรรมไมโครฟรอนต์เอนด์

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

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

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

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

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

ทีม สามารถ เลือกเฟรมเวิร์กที่แตกต่างกันสำหรับแต่ละส่วนย่อยได้ ในทางปฏิบัติ องค์กรส่วนใหญ่ใช้มาตรฐานเดียวกัน (เช่น ใช้ Vue ทั้งหมด) เพื่อใช้เครื่องมือร่วมกัน แต่สถาปัตยกรรมนี้ก็เปิดให้มีความหลากหลายได้เมื่อมีเหตุผลรองรับ

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

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

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

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

ใช้การผสานรวมขณะสร้างสำหรับทีมขนาดเล็กที่ต้องการความเรียบง่ายและการนำขึ้นระบบเพียงครั้งเดียว ใช้การผสานรวมขณะทำงาน (Module Federation) เมื่อการนำไปใช้งานอย่างอิสระและความเป็นอิสระของทีมเป็นสิ่งสำคัญ และคุณยอมรับความซับซ้อนในการดำเนินงานที่เพิ่มขึ้นได้

ตรวจสอบความเข้าใจของคุณเกี่ยวกับหลักการของไมโครฟรอนต์เอนด์

คุณได้เรียนรู้หลักการของไมโครฟรอนต์เอนด์ดังนี้:

• แบ่งส่วนติดต่อผู้ใช้ขนาดใหญ่ออกเป็นส่วนย่อยที่มีเจ้าของและนำไปใช้งานได้อย่างอิสระ แล้วประกอบเข้าด้วยกันสำหรับผู้ใช้
• ความเป็นอิสระของทีม: การเป็นเจ้าของส่วนย่อยทางธุรกิจแบบแนวตั้งตั้งแต่ต้นจนจบ
• การนำไปใช้งานอย่างอิสระ: แต่ละส่วนย่อยนำขึ้นระบบตามกำหนดการของตนเอง
• ความหลากหลายทางเทคโนโลยี เป็นตัวเลือก ไม่ใช่ข้อบังคับ โดยทีมส่วนใหญ่ใช้มาตรฐานเดียวกัน
• การผสานรวมทำได้ทั้ง ขณะสร้าง (เรียบง่าย แต่การเผยแพร่ผูกติดกัน) หรือ ขณะทำงาน (ใช้ Module Federation และเป็นอิสระอย่างแท้จริง)