Ionic Framework

[M030]

ionic.png (3.95 KiB) Viewed 1913 times

http://ionicframework.com/img/ionic-logo-blue.svg
Ionic Framework คือ framework อีกตัวที่ช่วยให้เราสามารถสร้าง Applicationบนมือถือได้อย่างง่ายๆ โดยที่ Ionic Framework นี้ข้างในจะประกอบไปด้วย HTML5, angularjs ,CSS3, cli ต่างๆ โดย Framework ตัวนี้จะใช้ angularjs เป็นฐานในการพัฒนาทำให้เราสามารถเขียนแยกเป็น MVVM (Model-View-ViewModel)ได้

Ionic Framework จะใช้คำสั่ง command-line ในการสร้างโปรเจค
--> ดาวน์โหลดและติดตั้ง Ionic Framework
--> เปิด command-line เพื่อสร้างโปรเจค โดยใช้คำสั่ง

โค้ด: เลือกทั้งหมด

$ ionic start ชื่อโปรเจค (tabs|blank|sidemenu)

ถ้าไม่เลือก (tabs|blank|sidemenu) มันจะมีค่า defalse เป็น tabs และชื่อโปรเจคคือชื่อของโฟลเดอร์ที่จะถูกสร้าง

--> จากนั้นให้เราเข้าไปที่โฟลเดอร์ที่ถูกสร้างขึ้นด้วยคำสั่ง

โค้ด: เลือกทั้งหมด

cd ตามด้วยชื่อโฟลเดอร์หรือชื่อโปรเจค

--> หลังจากนั้นเราสามารถทดสอบได้โดยใช้คำสั่ง

โค้ด: เลือกทั้งหมด

$ ionic serve

โดยคำสั่งนี้จะรัน web server ตามโปรเจคที่เรียกโดยจะเรียกไฟล์ที่อยู่ในโฟลเดอร์ www ในโปรเจคของเรา และคำสั่งนี้จะเปิด browser ให้เราโดยอัตโนมัติ

ข้อเสียของ Ionic
>> รองรับ Android เวอร์ชัน 4.0 ขึ้นไป
>> การรัน JavaScript ค่อนข้างช้า
>> ตัว input ที่รองรับวันที่หรือเวลายังไม่มี หากต้องการให้แสดง input วันที่หรือเวลาเราต้องหา plugin ของ PhoneGap หรือ Cordova มาลงเอง

สำหรับผู้ที่สนใจสามารถศึกษาเพิ่มเติมได้ที่นี่ >> IONOC FRAMEWORK