Flutter Preview : สร้าง Mac App ด้วย Flutter Desktop
สวัสดีผู้อ่านครับ ก่อนหน้านี้ผมได้ลอง Flutter ที่ทำ Windows App แล้วทำ Web แล้ว บล็อกนี้จะพามาลองเล่น Flutter Desktop สำหรับทำแอปใน MacOS กันครับ จะบอกว่าวิธีการง่ายมากๆ มาลองกันเลย
ติดตั้ง Xcode
ติดตั้ง Xcode เป็นเวอชันล่าสุด ของผม Xcode 9 ก็รันได้
เปลี่ยน Channel
Flutter Desktop ตอนนี้ยังอยู่ในสถานะ Technical Preview อยู่ ดังนั้นให้เปลี่ยน channel ไปยัง channel อื่นที่ไม่ใช่ stable
ก็ให้เราเข้าไปที่ path ของโฟลเดอร์ flutter แล้วรันคำสั่ง
$ flutter channel master
Clone Flutter Desktop
จากนั้น clone โปรเจค flutter-desktop มาไว้ระดับเดียวกับโฟลเดอร์ flutter
$ git clone https://github.com/google/flutter-desktop-embedding.git
เพิ่ม Environment Variable
รันคำสั่ง export Environment Variable
$ export ENABLE_FLUTTER_DESKTOP=true
รันแอป
จากนั้นรันแอปโดยการเข้าไปที่โฟลเดอร์ example แล้วรันคำสั่ง
$ flutter run -v
ได้แล้ว Mac App จาก flutter บน MacOS
ผมลงอนำโปรเจคเกม Tertis ที่เคยเขียนไว้มารัน โดยการ copy code เดิมมาทับตัว example ก็รันได้ปกติ เยี่ยมมากๆ
สรุป
Flutter Desktop เป็นอะไรที่เยี่ยมจริงๆนะ ผมไม่เคยไม่ฝันเลยว่าจะมีโอกาสได้ทำแอปบน MacOS จริงๆ เพราะดูเป็นอะไรที่ไกลตัว แต่วันนี้ผมเอาแอปมารันบน MacOS ได้แล้ว แถมวิธีติดตั้งยังง่ายมากๆ แถบไม่ต้องลงอะไรเยอะเลย
ตอนก่อนหน้านี้ สำหรับ Windows App และ Web