Dev to webs {Coding…}

ร บทเรียนฟรีด้านการพัฒนาซอฟต์แวร์ ที่ครอบคลุมเนื้อหาหลากหลาย ตั้งแต่การเขียนโค้ดพื้นฐานไปจนถึงเทคนิคขั้นสูง

การ build app และติดตั้งบนมือถือจริง

บทที่ 20: การ build app และติดตั้งบนมือถือจริง

🔖 หมวดบทเรียน: ขั้นตอนสุดท้ายของการพัฒนาแอป Flutter

📌 เหมาะสำหรับ: ผู้ที่ต้องการทดสอบแอปบนมือถือจริง หรือเผยแพร่ให้ผู้อื่นใช้งาน

🎯 เป้าหมาย: เรียนรู้วิธี build แอป และติดตั้งลงมือถือจริงทั้ง Android และ iOS

🧭 เกริ่นนำ

เมื่อเราเขียนแอป Flutter เสร็จแล้ว ขั้นตอนสุดท้ายคือการ build แอปให้ใช้งานได้จริงบนอุปกรณ์ การ build มีทั้งแบบ debug สำหรับทดสอบ และ release สำหรับใช้งานจริง โดยในบทนี้เราจะเน้นการ build APK สำหรับ Android และการทดสอบบนมือถือจริงผ่านสาย USB

🔧 เตรียมเครื่องให้พร้อม

  • เชื่อมต่อมือถือผ่านสาย USB
  • เปิด Developer Options และเปิด USB Debugging บนมือถือ
  • ตรวจสอบว่าเครื่องถูกเชื่อมต่อด้วยคำสั่ง:
flutter devices

📦 การ run แอปบนมือถือจริง (debug mode)

flutter run

📦 การ build APK สำหรับติดตั้ง (release mode)

flutter build apk --release

APK จะอยู่ที่:

build/app/outputs/flutter-apk/app-release.apk

สามารถคัดลอกไฟล์นี้ไปติดตั้งบนมือถือ หรือแชร์ให้ผู้อื่นได้เลย

🍏 สำหรับ iOS (บน macOS เท่านั้น)

  • ต้องใช้ macOS และติดตั้ง Xcode
  • เชื่อม iPhone ผ่าน USB
  • ใช้คำสั่ง:
flutter build ios

  • จากนั้นใช้ Xcode เปิดโปรเจกต์และ run ผ่านเครื่องจริง

🧪 ทดสอบติดตั้ง APK แบบ manual

  1. นำไฟล์ app-release.apk ไปไว้ในมือถือ หรือส่งผ่าน LINE/Google Drive
  2. เปิดไฟล์บนมือถือ > ยอมรับสิทธิ์ > ติดตั้ง
  3. อย่าลืมเปิด “Allow install unknown apps” ในมือถือ

✅ สรุป

  • flutter run ใช้สำหรับทดสอบแอปแบบเร็วบนเครื่องจริง
  • flutter build apk --release ใช้สำหรับสร้างไฟล์สำหรับติดตั้งจริง
  • สำหรับ iOS ต้องใช้ macOS และ Xcode

นี่คือบทสุดท้ายของ Flutter เบื้องต้น! ยินดีด้วยที่คุณเรียนมาจนจบ 🎉 ต่อไปคุณสามารถเรียนรู้ขั้นสูง เช่น การจัดการสถานะ, การเชื่อม Firebase หรือเขียนแอปจริงที่ซับซ้อนขึ้น!