web analytics

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