กลับไปดูแล้วทำตาม
ตอนที่ 8/8คาบสดจริง เว็บแรกของคุณ ขึ้นจริงในคาบเดียว11 นาที
สรุปสี่สเต็ปที่ทำจบ และบั๊กปุ่มล็อกอินบนเน็ตที่เหลือเป็นการบ้าน
ตัดมาจากช่วงปิดคาบสด สรุปสี่สเต็ปที่ทำจบจริงและสเต็ป Cloudflare R2 ที่ข้ามไป แล้วโชว์ช่วงลองพังดูที่ปุ่มล็อกอินคลิกเดียวหลุดขึ้นเซิร์ฟเวอร์จริง พร้อมการบ้านให้ไปปิดปุ่มลัดบนเน็ตเองโดยตัดสินจากฝั่งเซิร์ฟเวอร์
คลิปนี้ตัดจากคาบเรียนสดจริง
มาจากคาบ เว็บแรกของคุณ ขึ้นจริงในคาบเดียว รอบวันที่ 19 ก.ย. 69 ซึ่งเป็นคาบเรียนแบบกลุ่มที่มีคนเรียนอยู่จริง ไม่ใช่คลิปที่จัดฉากอัด ช่วงที่คนเรียนติดและถามกลางคาบอยู่ในคลิปหมด · ตอนที่ 7 จาก 7 ของคาบนี้
ภารกิจของตอนนี้
รู้ของที่ทำจบ ของที่ข้าม และการบ้านที่ต้องปิดปุ่มลัดบนเน็ตเอง
- ด่าน 1สรุปได้ว่าสี่สเต็ปไหนทำจบ และอันไหนข้ามไป
- ด่าน 2เห็นบั๊กปุ่มล็อกอินคลิกเดียวที่หลุดขึ้นเซิร์ฟเวอร์จริง
- ด่าน 3รู้การบ้านว่าต้องปิดปุ่มลัดบนเน็ตโดยตัดสินจากฝั่งเซิร์ฟเวอร์
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องคำสั่งที่ข้ามในคาบนี้ เหลือเป็นการบ้าน ต่อ Cloudflare R2 สำหรับอัปโหลดรูป
ติดตั้งระบบจัดเก็บไฟล์รูปภาพด้วย Cloudflare R2 ผ่าน AWS S3 SDK ข้อกำหนด: 1. ติดตั้ง @aws-sdk/client-s3 สำหรับเชื่อมต่อกับ Cloudflare R2 2. สร้างฟังก์ชันและเส้นทาง API สำหรับอัปโหลดไฟล์รูปภาพขึ้น R2 bucket โดยตรง พร้อมตรวจสอบว่ารับเฉพาะไฟล์รูปภาพและขนาดไม่เกินกำหนด 3. ปรับแบบฟอร์มของเจ้าของร้านให้สามารถเลือกอัปโหลดรูปภาพเมนู แล้วบันทึก URL ของรูปภาพลงตาราง menu_items ในฐานข้อมูล 4. แสดงรูปภาพเมนูบนการ์ดรายการเครื่องดื่มในหน้าแรกอย่างสวยงาม อ่านค่า R2_ACCOUNT_ID, R2_ACCESS_KEY_ID, R2_SECRET_ACCESS_KEY, R2_BUCKET_NAME และ R2_PUBLIC_URL จากไฟล์ .env.local - 2.ทุกเครื่องคำสั่งปิดปุ่มล็อกอินคลิกเดียวเมื่อระบบอยู่บนเน็ต เป็นการบ้านท้ายคาบ
ตอนนี้ใครที่ได้ลิงก์ก็กดปุ่มล็อกอินคลิกเดียวเข้ามาเป็นเจ้าของร้านได้เลย ช่วยปิดปุ่มนั้นเมื่อระบบอยู่บนเน็ต โดยตัดสินจากฝั่งเซิร์ฟเวอร์ ไม่ใช่แค่ซ่อนปุ่ม แล้วเอาขึ้นใหม่ให้ผมดู - 3.ทุกเครื่องคำสั่งให้ AI บันทึกกติกาที่ทำจริงในคาบลงไฟล์ CLAUDE.md
จดกติกาของระบบนี้ลงไฟล์ CLAUDE.md ในโฟลเดอร์โปรเจค เขียนสั้นๆ เป็นข้อๆ ภาษาไทย ข้อที่ต้องมีอย่างน้อย: - สิ่งที่ทำในคาบนี้สี่สเต็ป: Next.js, Turso กับ Drizzle ORM, Better Auth, Vercel - Cloudflare R2 ยังไม่ได้ทำในคาบ ใช้ URL รูปภาพชั่วคราวไปก่อน - ข้อมูลทุกอย่างจัดเก็บในฐานข้อมูล Turso ผ่าน Drizzle schema และการย้ายโครงสร้างตาราง - ระบบยืนยันตัวตนใช้ Better Auth และตรวจสอบสิทธิ์ที่ฝั่งเซิร์ฟเวอร์เสมอ - ปุ่มล็อกอินคลิกเดียวเปิดให้ใช้เฉพาะตอนพัฒนาในเครื่อง ห้ามหลุดขึ้นเซิร์ฟเวอร์จริงเด็ดขาด
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic
ถ้านั่งเขียนโค้ดกับ AI วันละหลายชั่วโมง เก้าอี้คือของชิ้นที่คุ้มที่สุดที่จะลงทุน — ถูกกว่าค่าหมอตอนหลังพัง
5,557 บาทดูบน Shopee
UGREEN Nexode GaN Charger 20W/30W
หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้
330 บาทดูบน Shopee
Hollyland LARK M2 ไมโครโฟนไร้สาย รุ่น 300 ม. ระยะ LOS 24 บิต Hi-Fi สำหรับไลฟ์สตรีม รองรับ Android iPhone และกล้อง
อุปกรณ์เริ่มทำคอนเทนต์/สอนออนไลน์ หารายได้เสริม
3,316 บาทดูบน Shopee
