บทที่ 12 — ลงมือจริงหนึ่งรอบเต็ม

1. เตรียมตัว

ดึงงานล่าสุดลงมาก่อนเสมอ กันไม่ให้ทำงานบนของเก่า

cd apexhuas
git checkout develop
git pull

2. สั่ง AI

บอกเป้าหมาย ข้อจำกัด และเกณฑ์ว่าเสร็จเมื่อไหร่ ไม่ต้องบอกวิธีเขียนโค้ด

เพิ่มปุ่มขอใบเสนอราคาในหน้าสินค้า
- กดแล้วไปหน้า /quote พร้อมเติม SKU ให้อัตโนมัติ
- ใช้ปุ่มจาก components/ui ที่มีอยู่ ห้ามสร้างสไตล์ใหม่
- ต้องใช้ได้ทั้งภาษาไทยและอังกฤษ
- เช็คจอมือถือ 390px ด้วย
- ให้ typecheck/lint/build ผ่านก่อนเปิด PR

3. AI ทำงาน

มันจะแตก branch, อ่าน AGENTS.md และ DESIGN.md, แก้ไฟล์, เพิ่มข้อความสองภาษา, รันตรวจ, เปิดเบราว์เซอร์ดูผล ถ้าไม่ผ่านก็วนแก้เอง

หน้าที่คุณตอนนี้: อ่านสิ่งที่มันรายงาน ถ้าเห็นมันเริ่มออกนอกลู่ให้ทักทันที

4. ตรวจงานก่อนเปิด PR

ดูว่ามันแตะไฟล์อะไรบ้าง มีไฟล์แปลกปลอมไหม แล้วเปิดเว็บในเครื่องกดปุ่มนั้นด้วยตัวเอง

git status
git diff
npm run dev   # แล้วเปิด localhost:3000 กดจริง

5. เปิด PR เข้า develop

PR ต้องอธิบายว่าทำอะไร ทำไม ทดสอบอะไรมาแล้ว

gh pr create --base develop --title "Add quote CTA to product page"

6. รอ CI

ดูจนเขียวครบทุกด่าน ถ้าแดงให้อ่าน log แล้วบอก AI ว่าแดงเพราะอะไร (แปะ log ให้มันดูได้เลย)

gh pr checks --watch

7. merge เข้า develop

ตรงนี้ยังไม่มีอะไรขึ้นเว็บจริง เป็นการรวมงานเข้าเส้นหลักของทีม

gh pr merge <เลข> --merge --delete-branch

8. promote ขึ้น uat

เปิด PR จาก develop → uat แล้ว merge — คิดให้ดีก่อนกด เพราะหลังจากนี้ลูกค้าเห็นทันที

gh pr create --base uat --head develop --title "Promote: quote CTA"

9. ดูระบบ deploy ทำงาน

build image → push → server ดึงไปรัน → ตรวจสุขภาพเว็บ ดูได้ที่แท็บ Actions

gh run list --branch uat --limit 2

10. เปิดเว็บจริงยืนยัน

เปิด https://apexhuas.choiceflowhub.com แล้วกดปุ่มที่เพิ่งเพิ่มด้วยตัวเอง — health check บอกได้แค่ว่าเว็บขึ้น ไม่ได้บอกว่าฟีเจอร์ทำงานถูก

จบรอบ