Page 80 - 4-4studylife

71

2.1 การติดตั้งและเตรียมพร้อมสภาพแวดล้อม

ั
ื
ในการจะพัฒนาหรอแก้ไขแอปพลิเคชัน Study Life นั้นนอกจากจะต้องมีไฟล์โปรแกรมต้นฉบบ
ทั้งหมดของแอปพลิเคชันแล้ว ผู้พัฒนาจะต้องเตรียมความพร้อมดังต่อไปน ี้

1. Node.js จะต้องติดตั้ง Node.js หรือตัว JavaScript Runtime เป็นอันดับแรก เพื่อให้เครื่อง
คอมพิวเตอร์ของเราสามารถใช้งาน JavaScript ได้และม NPM หรือ Node Package Manager หรือ
ี
โปรแกรมบริหารจัดการแพคเกจที่ใช้ติดตั้งผ่านคำสั่ง Command Line

ี
2. Ionic CLI จำเป็นต้องม NPM ก่อนจึงจะติดตั้ง Ionic CLI ได้ ผู้พัฒนาสามารถดูวิธีการติดตั้งได้ท ี่
เอกสารบนเว็บไซต์ทางการของ Ionic โดย Ionic CLI เป็นโปรแกรมที่ช่วยติดตั้งไฟล์แอปพลิเคชน
ั
เฟรมเวิร์ค Ionic ไว้บนเครื่องของเราผ่านคำสั่ง Command Line

3. โปรแกรม Code Editor ที่แนะนำเช่น
§ Visual Studio Code (พัฒนาโดย Microsoft)

§ Atom (พัฒนาโดย Github)

§ Sublime Text (พัฒนาโดย Sublime HQ)

4. โปรแกรมที่ใช้สำหรับสร้างแอปพลิเคชันในขั้นตอนที่จะส่งเข้าไปยังแพลคฟอร์มให้บริการแอปพลิเคชัน
§ โปรแกรม Android Studio ใช้สำหรับนำเข้า Google Play

§ โปรแกรม XCode ใช้สำหรับนำเข้า App Store (ต้องใช้บน Mac OS เท่านั้น)

2.2 โครงสร้างไฟล์แอปพลิเคชัน Study Life

โครงสร้างไฟล์แอปพลิเคชัน Study Life ซึ่งจริง ๆ แล้วก็คือโครงสร้างไฟล์ของเฟรมเวิร์ค Ionic รุ่นท ี่

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

คู่มือการพัฒนาแอปพลิเคชัน Study Life