ไดอะแกรมสถาปัตยกรรม
ออกแบบสถาปัตยกรรมคลาวด์และระบบด้วยไอคอนบริการและการเชื่อมต่อ เหมาะสำหรับเอกสารโครงสร้างพื้นฐาน
ไดอะแกรมสถาปัตยกรรม คืออะไร?
ไดอะแกรมสถาปัตยกรรมแสดงภาพโครงสร้างของระบบซอฟต์แวร์ โครงสร้างพื้นฐานคลาวด์ และสภาพแวดล้อมทางเทคนิค แสดงบริการ ฐานข้อมูล เครือข่าย และการเชื่อมต่อระหว่างกันโดยใช้ไอคอนและเครื่องหมายมาตรฐาน ไดอะแกรมสถาปัตยกรรมจำเป็นสำหรับการออกแบบระบบ การวางแผนการ Deploy บนคลาวด์ เอกสารโครงสร้างพื้นฐาน และการสื่อสารการตัดสินใจทางเทคนิคกับทีมวิศวกรรม
แก้ไขและดูตัวอย่าง
สร้าง ไดอะแกรมสถาปัตยกรรม ด้วยไวยากรณ์ Mermaid และดูการเปลี่ยนแปลงทันที
Example
Architecture diagram example
A Mermaid architecture diagram for a browser editor, renderer, and exported PNG file.
Mermaid code
architecture-beta
group app(cloud)[Mermaid Editor]
service browser(internet)[Browser] in app
service editor(server)[Editor UI] in app
service renderer(server)[Mermaid Renderer] in app
service file(disk)[PNG File]
browser:R --> L:editor
editor:R --> L:renderer
renderer:B --> T:fileกรณีการใช้งานทั่วไป
การออกแบบโครงสร้างพื้นฐานคลาวด์
วางแผนการ Deploy AWS, Azure หรือ GCP แสดงภาพบริการ เครือข่าย พื้นที่จัดเก็บ และทรัพยากรการประมวลผลก่อนจัดเตรียม
สถาปัตยกรรมไมโครเซอร์วิส
จัดทำแผนผังขอบเขตบริการ API Gateway คิวข้อความ และคลังข้อมูล จัดทำเอกสารวิธีที่ไมโครเซอร์วิสสื่อสารและพึ่งพากัน
เอกสารระบบ
สร้างเอกสารที่มีชีวิตของระบบ Production ช่วยให้สมาชิกทีมใหม่เข้าใจโครงสร้างพื้นฐานและโทโพโลยีบริการ
สถาปัตยกรรมด้านความปลอดภัย
แสดงภาพขอบเขตด้านความปลอดภัย ขั้นตอนการรับรองความถูกต้อง และการแบ่งส่วนเครือข่าย จัดทำเอกสารการควบคุมด้านความปลอดภัยและตำแหน่ง
ฟีเจอร์หลัก
ไอคอนบริการ
ใช้ไอคอนมาตรฐานสำหรับบริการทั่วไป เช่น ฐานข้อมูล เซิร์ฟเวอร์ บริการคลาวด์ และส่วนประกอบเครือข่าย
กลุ่มบริการ
จัดกลุ่มบริการที่เกี่ยวข้องเป็นกลุ่มที่มีชื่อเพื่อแสดงขอบเขตเชิงตรรกะ VPC หรือหน่วยองค์กร
ประเภทการเชื่อมต่อ
แสดงการเชื่อมต่อแบบมีทิศทางระหว่างบริการพร้อมป้ายกำกับเพื่ออธิบายโปรโตคอลการสื่อสารหรือการไหลของข้อมูล
เลย์เอาต์แบบเลเยอร์
จัดเรียงบริการเป็นเลเยอร์ (การนำเสนอ ตรรกะทางธุรกิจ ข้อมูล) เพื่อแสดงชั้นสถาปัตยกรรมอย่างชัดเจน
แนวทางปฏิบัติที่ดี
แสดงระดับรายละเอียดที่เหมาะสม
จับคู่ระดับรายละเอียดกับกลุ่มเป้าหมาย ผู้บริหารต้องการไดอะแกรมภาพรวม วิศวกรต้องการรายละเอียดบริการเฉพาะ
ใช้ไอคอนมาตรฐาน
ใช้ไอคอนที่เป็นที่รู้จักสำหรับบริการและโครงสร้างพื้นฐาน สิ่งนี้ทำให้ไดอะแกรมเข้าใจได้ทันทีสำหรับผู้ชมทางเทคนิค
จัดกลุ่มบริการที่เกี่ยวข้อง
ใช้การจัดกลุ่มภาพเพื่อแสดงขอบเขตบริการ โซนเครือข่าย หรือสภาพแวดล้อมการ Deploy
รักษาให้เป็นปัจจุบัน
ไดอะแกรมสถาปัตยกรรมสูญเสียคุณค่าเมื่อแตกต่างจากความเป็นจริง อัปเดตเป็นส่วนหนึ่งของกระบวนการ Deploy
สำรวจไดอะแกรมประเภทอื่น
Flowchart
แสดงภาพกระบวนการ เวิร์กโฟลว์ และอัลกอริทึมด้วยโหนดและลูกศรทิศทาง เหมาะสำหรับกระบวนการทางธุรกิจและแผนผังการตัดสินใจ
Sequence Diagram
บันทึกการโต้ตอบระหว่างผู้กระทำหรือระบบต่าง ๆ ตามลำดับเวลา เหมาะสำหรับเอกสาร API และการออกแบบระบบ
Class Diagram
สร้างแบบจำลองระบบเชิงวัตถุด้วยคลาส แอตทริบิวต์ และความสัมพันธ์ จำเป็นสำหรับการวางแผนสถาปัตยกรรมซอฟต์แวร์
State Diagram
แสดงการเปลี่ยนสถานะในระบบหรือแอปพลิเคชัน เหมาะสำหรับการสร้างแบบจำลองสถานะวงจรชีวิตและเวิร์กโฟลว์
Gantt Chart
วางแผนและติดตามไทม์ไลน์โครงการด้วยงานและการพึ่งพา เหมาะสำหรับการจัดการโครงการและการจัดตารางเวลา
ER Diagram
ออกแบบสคีมาฐานข้อมูลด้วยเอนทิตีและความสัมพันธ์ เหมาะสำหรับการสร้างแบบจำลองและเอกสารฐานข้อมูล
User Journey
จัดทำแผนที่ประสบการณ์ผู้ใช้และการโต้ตอบข้ามจุดสัมผัส เหมาะสำหรับการออกแบบ UX และการจัดทำแผนที่การเดินทางของลูกค้า
Git Graph
แสดงภาพกลยุทธ์การแตกสาขาของ Git และประวัติคอมมิต ช่วยอธิบายเวิร์กโฟลว์การควบคุมเวอร์ชัน
แผนที่ความคิด
จัดระเบียบไอเดีย ระดมความคิด และสร้างโครงสร้างภาพแบบลำดับชั้น เหมาะสำหรับการวางแผนและจัดทำแผนที่ความรู้
แผนภูมิวงกลม
แสดงการกระจายข้อมูลตามสัดส่วนด้วยแผนภูมิวงกลม เหมาะสำหรับแสดงเปอร์เซ็นต์และการวิเคราะห์ส่วนแบ่งตลาด
ไทม์ไลน์
แสดงภาพเหตุการณ์และเหตุการณ์สำคัญตามลำดับเวลา เหมาะสำหรับประวัติโครงการและแผนงาน
บอร์ด Kanban
จัดระเบียบงานเป็นคอลัมน์ที่แสดงขั้นตอนเวิร์กโฟลว์ เหมาะสำหรับการจัดการโครงการแบบ Agile และการติดตามงาน
แผนภูมิสี่ส่วน
วางรายการบนตารางสองแกนเพื่อเปรียบเทียบและจัดลำดับความสำคัญ เหมาะสำหรับการจัดลำดับความสำคัญฟีเจอร์และการวิเคราะห์เชิงกลยุทธ์
ไดอะแกรม Sankey
แสดงภาพปริมาณการไหลระหว่างโหนดด้วยลูกศรตามสัดส่วน เหมาะสำหรับการไหลของพลังงาน การจัดสรรงบประมาณ และช่องทางการแปลง
แผนภูมิ XY
สร้างแผนภูมิแท่งและแผนภูมิเส้นด้วยแกนที่กำหนดเอง เหมาะสำหรับการแสดงภาพข้อมูลและการวิเคราะห์แนวโน้ม
ไดอะแกรมบล็อก
สร้างเลย์เอาต์ที่มีโครงสร้างด้วยบล็อกจัดเรียงในคอลัมน์และแถว เหมาะสำหรับสถาปัตยกรรมระบบและภาพรวมส่วนประกอบ
ไดอะแกรมแพ็กเก็ต
แสดงภาพโครงสร้างแพ็กเก็ตโปรโตคอลเครือข่ายด้วยเลย์เอาต์ฟิลด์ระดับบิต จำเป็นสำหรับเอกสารโปรโตคอลเครือข่าย