เวลาผ่านไป ของใหม่ๆ ย่อมเกิดขึ้นมา Ionic Framework เวอร์ชั่นที่ 2 รุ่นอัลฟ่า (alpha) ทดลองใช้ก็เริ่มเผยตัวมาให้เห็นกันแล้ว

โค้ชพลลองติดตั้งใช้งาน และเขียนวิธีติดตั้งเผื่อเพื่อนๆ จะลองแตะของใหม่กันดู

เนื่องจาก Ionic Framework 2 ยังอยู่ในช่วงเริ่มต้น

• Ionic 1 ยังใช้ได้อีกนาน
• อย่ารีบเอา Ionic 2 ไปใช้ทำแอพจริง (โค้ชเตือนด้วยความหวังดี)
• Ionic 2 อาจมีการเปลี่ยนแปลงโครงสร้าง framework ในอนาคต

Ionic Framework 2

ทีมผู้สร้าง Ionic Framework ได้ปรับระบบ และรูปแบบการพัฒนาแอพพลิเคชั่นเต็มสูบ และได้เตือนว่า อีกนานกว่าจะสมบูรณ์พร้อมใช้ ไม่แนะนำให้เอาไปทำแอพจริงตอนนี้ครับ

ดังนั้นวิธีการเขียน Javascript ใหม่ๆ อย่าง ES6, TypeScript หรือแนวคิดการสร้างระบบแบบ Component ได้ถูกหลอมรวมเข้าแกนกลางของ Ionic รุ่นที่ 2 นี้ด้วย

ซึ่งพวกเรา ควรมีความรู้ในเรื่องต่อไปนี้ ไม่มากก็น้อย:

• TypeScript (ใครยังไม่เคยเขียน TypeScript ลองดูที่โค้ชพลสอนพื้นฐานได้ที่นี่)
• พื้นฐานการเขียน Javascript ในรูปแบบของ EcmaScript 6 (อีกชื่อเรียกว่า ES6 หรือ EcmaScript 2015)
• ถ้ามีพื้นฐานในการใช้งาน Ionic framework 1 ก็จะเข้าใจได้ง่ายขึ้น

สำหรับพื้นฐานเรื่อง TypeScript หรือการเขียน Javascript รองรับรูปแบบใหม่อย่าง ES6 รอตามอ่านได้ที่แฟนเพจ ตามดูได้ที่ YouTube ได้เลยครับ

วิธีการติดตั้ง Ionic Framework 2 รุ่นทดลองใช้

1. ติดตั้ง Ionic CLI 2 รุ่น Alpha

เปิด​ Command Line (โปรแกรม Terminal บน Mac หรือโปรแกรม Command Prompt บน Windows)

แล้วรันคำสั่งนี้ (ของ Mac อาจต้องใช้ sudo นำหน้า)

npm install -g ionic@alpha

2. สร้างโปรเจค Ionic 2

จากนั้นให้สร้างโปรเจคด้วยคำสั่ง

ionic start NextflowApp2 --v2

สังเกตว่าเราห้อย –v2  ด้านหลังด้วยนะครับ

3. รันโปรเจคแบบเว็บแอพด้วย Ionic 2 server

ใช้คำสั่งด้านล่างเพื่อรันแอพแบบเว็บแอพพลิเคชั่น

cd NextflowApp2

ionic serve

4. ทดสอบรันโปรเจค Ionic 2 แบบแอพ iOS

ใช้คำสั่งด้านล่างเพื่อติดตั้ง iOS platform เข้าโปรเจคและรันในอุปกรณ์ iOS

ionic platform add ios

ionic run ios

หากเสียบ iPhone หรือ iPad กับสาย USB และตั้งระบบไว้เรียบร้อยแล้ว แอพก็จะถูกยิงเข้าเครื่องเปิดใช้งานได้เหมือนแอพ iOS จริงๆ ครับ

สรุปการทดลองติดตั้งและรัน Ionic Framework 2 รุ่น Alpha

Ionic รุ่นที่ 2 นั้นออกแบบมาให้รับการแนวคิดใหม่ๆ และ AngularJS 2 อีกครั้งอยู่ในเวอร์ชั่นอัลฟ่า ซึ่งถือว่ายังไม่สมบูรณ์มากๆ และอาจจะมีการปรับเปลี่ยนการทำงานอีกมาก

แต่โค้ชพลเห็นว่าการออกแบบระบบรับกับแนวคิดการสร้างแอพแบบ Component ซึ่งกระจายไปใน Javascript Framework อย่าง React หรือ TypeScript จะเปิดโอกาสใหม่ๆ ให้นักพัฒนาเว็บได้สร้างของเจ๋งๆ มาให้ผู้คนได้ใช้งานกันอีกมาก

แล้วติดตามอัพเดตกันได้เรื่อยๆ ผ่านทางแฟนเพจ และ YouTube นะครับ

อ้างอิง – Ionic