AI WEB STUDIO · ARCHITECTURE
ตำแหน่งที่ระบบทำงานบน Cloudflare
977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
อ่านภาพนี้อย่างไร
Worker และ static assets อยู่ใน Cloudflare edge ส่วน D1 เป็น managed data service เส้น /api/* เข้า Worker ก่อน ส่วนไฟล์เว็บไซต์ไปยัง static assets; การ deploy ส่ง bundle และ assets ผ่าน Wrangler โดยไม่มี origin server ของโครงการนี้
แหล่งข้อมูล: wrangler.jsonc, package.json, scripts/build.mjs
สิ่งที่ย่อ: ไม่แสดง PoP หลายแห่งหรือ replica count เพราะ Cloudflare จัดการและ repo ไม่กำหนดตัวเลข ภาพนี้เป็น architecture topology ของสิ่งที่รันอยู่ ไม่ใช่ deployment pipeline หรือประวัติเวอร์ชัน release
Prompt สำหรับสร้างซ้ำ
สร้าง architecture diagram ภาษาไทย 960×600 อธิบาย topology ปัจจุบันของคอร์สบน Cloudflare แบ่งพื้นที่ USER DEVICE, CLOUDFLARE EDGE และ MANAGED DATA แสดง Browser ส่งไฟล์เว็บไซต์ไป Static Assets และส่ง /api/* ไป Worker จากนั้น Worker อ่านเขียน D1 ผ่าน binding DB ใช้ source wrangler.jsonc และ scripts/build.mjs ระบุ /api/* first ที่ Worker และ dist/ ที่ Assets ไม่มีเงา ไม่มีเลขเวอร์ชันหรือ artifact chip เพราะภาพนี้ไม่ได้อธิบาย release history ใช้โปรไฟล์ Rawinnipa แบบ dark canvas: พื้น #0A0A0A, ข้อความ #F7F7F7, เส้นรอง #9CA3AF และ Rawin Green #3EDC81 เฉพาะโหนดหรือแถบ focal หนึ่งจุดเท่านั้น; เส้นเชื่อมใช้สี neutral #D1D5DB ใช้ Inter คู่กับ Noto Sans Thai ไม่มีเงา งานนี้อยู่ในคอร์ส AI Web Studio ซึ่งเป็นส่วนหนึ่งของ 977-121 Module: Website Design and Development มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต