Page 81 - 4-4studylife

72

ี่
ตารางท 4.1 โครงสร้างไฟล์แอปพลิเคชัน Study Life
แฟ้มข้อมูล / ไฟล์ข้อมูล ประเภท คำอธิบาย

Hooks Folder -
้
node_modules Folder เก็บแพคเกจที่ติดตั้งโดยใช NPM ประกอบด้วย Library หรือ
ส่วนเสริม (Plugin) ต่าง ๆ ผู้พัฒนาไม่ได้แก้ไขโดยตรง แต่ควร

สังเกตทุก ๆ ครั้งที่มีการติดตั้ง หรือแก้ไขแพคเกจจาก NPM
platforms Folder เก็บแอปพลิเคชันที่ถูกสร้างจาก Apache Cordova เมื่อ

ผู้พัฒนาใช้คำสั่ง Build ในการแปลงเว็บไซต์ไปเป็นแอปพลิเค

ชัน ผู้พัฒนาควรเข้ามาตรวจสอบทุกครั้งทมีการ Build
ี่
plugins Folder เก็บส่วนเสริม (Plugin) ที่ใช้ในการติดต่อกับฮาร์ดแวร หรือ
์
์
คุณสมบัติต่าง ๆ ของโทรศัพท เช่น การใช้กล้อง การเข้าถึง
ระบบไฟล์ข้อมูลของโทรศัพท เป็นต้น
์
resources Folder เก็บรูปภาพที่ใช้เป็น Icon หรือพื้นหลังของแอปพลิเคชัน โดย

จะเก็บในหลายขนาด เพราะต้องรองรับในอุปกรณ ์

หลากหลายขนาดหน้าจอ
scss Folder เป็น CSS ที่ถูกพัฒนาให้สามารถโปรแกรมได้มากขึ้น

www Folder เก็บไฟล์เว็บไซต์ที่ใช้ในการพัฒนาก่อนจะแปลงเป็นแอปพลิเค

ชันด้วย Apache Cordova เป็นแฟ้มข้อมูลทสำคัญที่สุด และ
ี่
ผู้พัฒนาเข้าใช้งานอยู่เสมอ เมื่อมีการพัฒนาหรือแก้ไขแอป

พลิเคชัน

.bowerrc File -
.editorconfig File -

.gitignore File -

bower.json File -

config.xml File เก็บการตั้งค่าของ Ionic ผู้พัฒนาจะต้องเข้าไปตั้งค่า ID หรือ
ตรวจสอบการติดตั้งส่วนเสริม หรือการตั้งค่าต่าง ๆ ที่น ี่

gulpfile.js File -

ionic.config.json File เก็บการตั้งค่าของ Ionic แต่ไฟล์นี้จะไม่ถูกแก้ไขโดยตรง
package-lock.json File -

package.json File -

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