AI WEB STUDIO · ARCHITECTURE
คำขอหนึ่งครั้งเดินทางอย่างไร
977-121 Module: Website Design and Development · มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
อ่านภาพนี้อย่างไร
Cloudflare แยกเส้นทางตาม URL: ไฟล์เว็บไซต์ให้ asset binding จัดการ ส่วน /api/* ถูกกำหนดให้ Worker ทำงานก่อน แล้ว Worker ตรวจคำขอและอ่านเขียน D1
แหล่งข้อมูล: src/worker.ts, wrangler.jsonc, scripts/build.mjs
สิ่งที่ย่อ: รวม endpoint รายตัวเป็นโหนด API เดียว และไม่แสดง security headers ทุกค่า
Prompt สำหรับสร้างซ้ำ
สร้างแผนภาพสถาปัตยกรรมภาษาไทยขนาด doc-inline 960×600 แสดง Browser แยกเป็นสองเส้นทาง: ไฟล์เว็บไซต์ → Static ASSETS และ /api/* → Cloudflare Worker → Cloudflare D1 เน้น Worker เป็นจุดสำคัญ ระบุว่า run_worker_first ใช้เฉพาะ /api/* ใช้ลูกศรมุมฉาก ไม่มีเงา ไม่เกิน 5 โหนด และไม่สร้าง API service แยกที่ไม่มีจริง ใช้โปรไฟล์ 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 มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต