Flutter Framework
ตัวนี้ใช้ภาษา Dart นะครับ เป็นของ google สามารถใช้ทำ cross platform ทั้ง android และ ios ได้นะครับ
- อันนี้วิธีติดตั้งนะครับ ค่อนข้างหลายขั้นตอนนิดหน่อย ยิ่ง linux mint ต้องมีขั้นตอนเพิ่มอีกต่างหาก ไม่งั้นจะติดตั้ง snapd ไม่ได้ (การแก้ไขกรณี error ขณะติดตั้ง) (ถ้าใช้วินโดวดูของคนนี้ก็ได้ครับ)
- ตัว emulator ของ android studio สมารถสร้างที่หลังได้นะครับ อยู่ในแท็บ Tools > AVD Manager นะครับ (ตอนนี้เป็นรุ่น Dolphin ไม่มี AVD ละ)
- สร้างโฟลเดอร์ภายในเครื่องของเรา แล้วเปิด terminal ให้พาธอยู่ภายในโฟลเดอร์นั้น หรือจะใช้ cd เข้าไปเองก็ได้
- ใช้คำสั่ง flutter create --platforms android YourProject สร้างโปรเจ็คของเราตรง YourProject แล้วแต่เลยว่าอยากได้ชื่อโปรเจ็คอะไร (ถ้าจะสร้างแบบ cross platform ใช้ flutter create YourProject นะครับ)
- sudo apt install adb -y ไว้ build apk นะครับ
- เปิด android studio แล้วไป Create device ใหม่นะครับ ตัวที่ใช้อยู่ตอนนี้เป็น 3a ส่วน OS เป็น Sv2 (12L) กดโหลดก่อนนะครับ
- เลือกที่โปรเจ็ค ไปที่โฟลเดอร์ "lib" เลือกไฟล์ "main.dart" แล้วเทสรันด้วย F5 ถ้าทุกอย่างสำเร็จไปได้ด้วยดี มันจะรันหน้าเว็บใน emulator นะครับ กรณีเราใช้ vs code แล้ว ด้านล่างขวาของ ide จะสามารถคลิ๊กเพื่อเลือก emulator มือถือจำลองที่เราสร้างไว้ใน android studio ได้นะครับ ถ้าสร้างแบบรวม กด F5 มันอาจจะรันใน chrome นะครับ ต้องกด ctrl+shift+p แล้วเลือกเอา หรือเปิด emulator ทิ้งไว้แล้วค่อยกด F5 ซึ่งจะดีมากเพราะหลังจากนั้นเมื่อเราแก้โค้ดข้างใน มันจะสามารถ hot reload เพื่อแสดงผลให้ทันที แต่ก็กินไฟหนักพอควร ถ้าใครใช้แบตไม่ค่อยแนะนำให้เปิดทิ้งไว้เท่าไหร่นะครับ (กรณีใช้แบบคำสั่ง flutter run -d web-server นะครับ มันจะจำลองเซิฟเวอร์แล้วบอก port จะใช้ http://localhost:port เปิดใน web browser ไหนก็ได้)
- build apk ด้วยคำสั่ง flutter build apk ใน terminal นะครับ โดยไฟล์จะอยู่ในพาธ build/app/outputs/apk/release/ ของโปรเจ็คเรานะครับ แค่นี้ก็สามารถเอาไปติดตั้งในเครื่องเราได้แล้วนะครับ อย่าลืมกดยอมรับให้ติดตั้งไฟล์ apk ที่ไม่รู้ที่มาด้วยนะครับ
- กรณีมีปัญหา build ไม่ได้ ลองไปที่โฟลเดอร์โปรเจคแล้วใช้คำสั่ง flutter clean, flutter pub get, flutter packages get, flutter run อีกครั้งดูนะครับ
ความคิดเห็น
แสดงความคิดเห็น