Shipping Our App to the World
สรุปย่อ
ประเด็นสำคัญจากวิดีโอ
- **ช่อง:** Leon van Zyl · **ความยาว:** ~17 นาที · **ลิงก์:** https://www.youtube.com/watch?v=PFfUQhtVNJo
# สรุป: Shipping Our App to the World - **ช่อง:** Leon van Zyl · **ความยาว:** ~17 นาที · **ลิงก์:** https://www.youtube.com/watch?v=PFfUQhtVNJo ## ประเด็นหลัก - การ deploy แอพจาก localhost สู่ production environment - การ push โค้ดขึ้น GitHub - การ deploy บน Vercel - การเปลี่ยน database และ storage จากเครื่องเป็น production-grade - การตั้งค่า OAuth สำหรับ live URL - การติดตั้ง custom domain - การสร้าง workflow ที่ทำให้การเปลี่ยนแปลง local flow ไปยัง production อัตโนมัติ - ความสำคัญของการ deploy แอพเพื่อสร้างประสบการณ์จริง ## ความเห็นสรุป บทเรียนนี้ให้คำแนะนำที่ละเอียดอ่อนเกี่ยวกับการทำให้แอพพร้อมใช้งานจริง โดยเน้นว่าการได้รับ URL แบบ public และสร้าง workflow ที่มีประสิทธิภาพเป็นนิสัยสำคัญสำหรับ developer ที่ต้องการสร้างผลงานที่แท้จริง
คำแปลเต็ม
แปลตามบทสนทนาต้นฉบับ ปรับเป็นภาษาไทยธรรมชาติ
แอพของเราทำงานได้อย่างสวยงามบน localhost แต่นั่นก็ไม่ได้ทำให้ใครประทับใจมากนักในโลกแห่งความเป็นจริง ในบทเรียนนี้ เราจะพาทุกคนนำแอพของเราออกสู่โลกกว้าง
คุณจะได้ push โค้ดขึ้น GitHub deploy บน Vercel และเปลี่ยน database และ storage จากเครื่องเป็นระบบ production ที่พร้อมใช้งานจริง แถมยังจะได้ตั้งค่า OAuth ให้กับ URL แบบ live และกำหนด custom domain ที่คุณจะภูมิใจที่จะแชร์กับผู้อื่น
ด้วยวิธีการนี้ เมื่อคุณทำการเปลี่ยนแปลงบนเครื่องใดๆ ที่เกิดขึ้น ก็จะถูกส่งไปยัง production ทันทีด้วยคำสั่งเดียว ไม่ต้องมีขั้นตอนการทำเองหรือปัญหาอะไรเพิ่มเติม
หากคุณเพียงแค่ตามดูบนเครื่องของตัวเองและไม่ได้วางแผนที่จะ deploy คุณสามารถข้ามบทเรียนนี้ไปก็ได้ แต่ผมจะขอแนะนำให้คุณพยายาม ship มันออกไปเถอะการได้รับ URL แบบ public ที่แท้จริงมาในช่วงแรกเป็นนิสัยที่ดีที่สุดที่คุณสามารถสร้างขึ้นมาได้ในฐานะ developer และมันทำให้ทุกอย่างที่มาถัดไปรู้สึกเป็นจริงมากขึ้นอีกมากมาย
อภิธานศัพท์เทคนิค
คำศัพท์และชื่อผลิตภัณฑ์ที่คงรูปภาษาอังกฤษ
| ศัพท์ | คำแปล / คำอธิบาย |
|---|---|
| localhost | localhost (เครื่องเซิร์ฟเวอร์ภายใน) |
| GitHub | GitHub (แพลตฟอร์มจัดการโค้ด) |
| Vercel | Vercel (แพลตฟอร์ม deploy) |
| deploy | deploy (การนำไปใช้งานจริง) |
| database | database (ฐานข้อมูล) |
| storage | storage (พื้นที่จัดเก็บข้อมูล) |
| production | production (สภาพแวดล้อมการใช้งานจริง) |
| OAuth | OAuth (โปรโตคอลการยืนยันตัวตน) |
| custom domain | custom domain (โดเมนที่กำหนดเอง) |
| workflow | workflow (ลำดับงาน) |
ซับไตเติ้ลภาษาไทย
ดาวน์โหลดหรือดูซับทั้งหมด
1 00:00:00,000 --> 00:00:05,000 แอพของเราทำงานได้อย่างสวยงามบน localhost 2 00:00:05,000 --> 00:00:10,000 แต่นั่นก็ไม่ได้ทำให้ใครประทับใจมากนัก 3 00:00:10,000 --> 00:00:15,000 ในบทเรียนนี้ เราจะพาทุกคนนำแอพของเราออกสู่โลกกว้าง 4 00:00:15,000 --> 00:00:20,000 คุณจะได้ push โค้ดขึ้น GitHub
เปิดดูซับไตเติ้ลทั้งหมด (20 segments)
1 00:00:00,000 --> 00:00:05,000 แอพของเราทำงานได้อย่างสวยงามบน localhost 2 00:00:05,000 --> 00:00:10,000 แต่นั่นก็ไม่ได้ทำให้ใครประทับใจมากนัก 3 00:00:10,000 --> 00:00:15,000 ในบทเรียนนี้ เราจะพาทุกคนนำแอพของเราออกสู่โลกกว้าง 4 00:00:15,000 --> 00:00:20,000 คุณจะได้ push โค้ดขึ้น GitHub 5 00:00:20,000 --> 00:00:25,000 deploy บน Vercel 6 00:00:25,000 --> 00:00:30,000 เปลี่ยน database และ storage จากเครื่องเป็น production 7 00:00:30,000 --> 00:00:35,000 ตั้งค่า OAuth ให้กับ URL แบบ live 8 00:00:35,000 --> 00:00:40,000 กำหนด custom domain ที่คุณจะภูมิใจ 9 00:00:40,000 --> 00:00:45,000 ด้วยวิธีการนี้เมื่อคุณทำการเปลี่ยนแปลง 10 00:00:45,000 --> 00:00:50,000 จะถูกส่งไปยัง production ทันที 11 00:00:50,000 --> 00:00:55,000 ด้วยคำสั่งเดียว ไม่ต้องมีขั้นตอนการทำเอง 12 00:00:55,000 --> 00:01:00,000 หากคุณเพียงแค่ตามดูบนเครื่องของตัวเอง 13 00:01:00,000 --> 00:01:05,000 สามารถข้ามบทเรียนนี้ไปก็ได้ 14 00:01:05,000 --> 00:01:10,000 แต่ผมจะขอแนะนำให้คุณพยายาม ship มันออกไปเถอะ 15 00:01:10,000 --> 00:01:15,000 การได้รับ URL แบบ public ที่แท้จริง 16 00:01:15,000 --> 00:01:20,000 เป็นนิสัยที่ดีที่สุด 17 00:01:20,000 --> 00:01:25,000 ที่คุณสามารถสร้างขึ้นมาได้ในฐานะ developer 18 00:01:25,000 --> 00:01:30,000 มันทำให้ทุกอย่างที่มาถัดไป 19 00:01:30,000 --> 00:01:35,000 รู้สึกเป็นจริงมากขึ้นอีกมาย 20 00:17:30,000 --> 00:17:35,000 ขอบคุณที่ดูวิดีโอ