Ionic DevApp: มานั่งดูวิธีใช้เครื่องมือที่ทำให้การสร้างแอพง่ายขึ้น

นอกจากที่ Ionic พัฒนาตามเวอร์ชั่นของ Angular และการผันเปลี่ยนของระบบ iOS และ Android มาเรื่อยๆ ก่อนสิ้นปีนี้เหตุการณ์ใหญ่ๆ ของ Ionic นอกจาก Progressive Web App (PWA) ก็คงจะเป็น Ionic DevApp นี่แหละ

พอดีพลกำลังไฟนอลเนื้อหาคอร์สออนไลน์ทั้งหมดก่อนสิ้นปี เลยแว้บมาคุยกันเรื่อง Ionic DevApp กัน

รู้จักกับ Ionic DevApp

เอาเป็นว่าเครื่องมือใหม่ๆ มา มันจะมีคำถามยอดฮิต ซึ่งขอตอบตรงนี้เลยว่า

• ใช้งานได้ฟรี
• รองรับ iOS และ Android
• รองรับ Plugin ส่วนใหญ่

เอาล่ะ ทีนี้มาดูเรื่อง DevApp กัน

ที่มาของ DevApp

Ionic DevApp เนี่ยมันเกิดมาเพื่อพิชิตปัญหาอมตะนิรันดร์กาลตัวหนึ่งของโลกการพัฒนาโมบายล์แอพพลิเคชั่น นั่นก็คือการเตรียมเครื่อง

และมันไม่ได้แค่คลิก 2-3 ทีด้วยหน่ะสิ เพราะในที่นี้เราใช้ Ionic ทำแอพ iOS และ Android แบบ Cross Platform ข้ามระบบ มันก็ต้องลงโปรแกรม และตั้งค่าทั้ง 2 ระบบให้ครบ

เช่น ถ้าต้องการจะทำแอพ iOS ก็ต้องมี

• คอมพิวเตอร์ที่รัน macOS
• ลงโปรแกรม Xcode
• ลง Cordova
• ลง Ionic

นี่ยังไม่หันไปมอง Android นะ:

• คอมพิวเตอร์ที่รัน macOS หรือ Windows
• ลง JDK (ตั้งค่า path ด้วยยย)
• ลง Android Studio
• ลง Gradle ถ้าจำเป็น
• ลง Cordova
• ลง Ionic

ซึ่งวิธีการเตรียมเครื่องคอมสำหรับทำแอพด้วย Ionic โดยละเอียดพลก็มีบอกไว้แล้วทั้ง Windows + Android, MacOS + Android และ MacOS + iOS ไปดูกันได้จ้า

แต่เนื้องานจริงๆ ของนักพัฒนา มันคือการเขียนภาษาโปรแกรมให้กลายเป็นแอพที่มีหน้าตา ทำงานได้ถูกไหม บางครั้งเราก็แค่ต้องการทำส่วนนี้ และทดสอบบนอุปกรณ์พกพาได้ง่ายๆ

การเปลี่ยนแปลงระดับ Native อย่างการปล่อย iOS หรือ Android เวอร์ชั่นใหม่ๆ ก็อาจจะทำให้งานตรงนี้ล่าช้าออกไปทั้งๆ ที่ไม่จำเป็น

ทีมงาน Ionic ก็คิดแบบเดียวกัน และกลายมาเป็นระบบ DevApp ที่ทีมงาน Ionic ก็ใช้ตัวนี้กันเองภายในด้วย

 

ประโยชน์ของการทดสอบใช้ Ionic DevApp

1. เชื่อมระหว่าง DevApp กับโปรเจคบนคอมพิวเตอร์ของเราง่ายๆ เพียงแค่รัน ionic serve
2. และเนื่องจากเป็นการรัน ionic serve จึงไม่จำเป็นต้องติดตั้ง Xcode หรือ Android Studio!
3. มีโหลด Native Plugin ไว้อยู่จำนวนหนึ่งแล้ว จึงสามารถเรียกใช้ได้ทันที
4. รองรับ iOS และ Android
5. ตรวจหาระบบที่มีการรันคำสั่ง ionic serve อัตโนมัติ ทำให้ค้นหาและเชื่อมต่อได้ง่าย

แต่ แต่ แต่ เนื่องจาก Ionic DevApp เชื่อมต่อกับคอมพิวเตอร์ที่รัน Ionic Serve ผ่าน Wifi ดังนั้นตัวเครือข่ายของเราต้องไม่มีการบล๊อค port ที่ DevApp ใช้ด้วยนะ

เพราะบางองค์กรที่พลไปแนะนำ มันบล๊อคหน่ะครับ ถ้าเจอแบบนั้น แล้วเจรจากับฝ่าย Admin ไม่ได้ ก็สามารถย้ายกลับไปใช้วิธีต่อสาย USB ตามปกติจ้า

วิธีใช้งาน Ionic DevApp

มาดูวิดีโอกันเลย กดติดตาม YouTube กับแฟนเพจได้นะ จะได้ไม่พลาด

อ้างอิง – Ionic Blog