Ionic Framework


PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

Post Reply
User avatar
M030
PHP Super Hero Member
PHP Super Hero Member
Posts: 532
Joined: 07/09/2015 10:06 am

Ionic Framework

Post by M030 » 09/12/2015 5:29 pm

Ionic Framework ionic.png
ionic.png (3.95 KiB) Viewed 597 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 เพื่อสร้างโปรเจค โดยใช้คำสั่ง

Code: Select all

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

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

Code: Select all

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

Code: Select all

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

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

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

Post Reply

Return to “PHP Knowledge”

Users browsing this forum: No registered users and 7 guests