Workshop 1: สร้าง App ด้วย Cordova/PhoneGap
Workshop 1 นี้แสดงการสร้าโปรเจค App อย่างง่าย (HelloWord) ไปจนถึงการ Build และทดสอบรัน App ลักษณะการใช้งาน Cordova/PhoneGap โดยส่วนใหญ่แล้ว การสร้างงานจะผ่านทาง Command Line Interface (CLI) เป็นหลัก ดังนั้นให้เปิดห้าต่าง Command Line เสียก่อน
1. สร้างโปรเจคใหม่ โดยใช้รูปแบบดังนี้
1. สร้างโปรเจคใหม่ โดยใช้รูปแบบดังนี้
เพื่อจัดโฟลเดอร์ App แยกเป็นกลุ่มโฟลเดอร์ต่างหาก ดังนั้นผู้เขียนจะสร้างโฟลเดอร์ชื่อ app ไว้ก่อน จากนั้น cd เข้าไปโฟลเดอร์ app แล้วถึงจะสร้างโปรเจค สมมุติว่าต้องการสร้าง App ชื่อ HelloWorld ก็สั่งดังนี้
เครื่องจะใช้เวลาสักครู่ในการสร้างโปรเจค และต้องดาวน์โหลดไฟล์ต่าง ๆ ผ่านเน็ท (สำหรับ flag -d หมายถึงให้แสดง display การทำงานขณะสร้างโปรเจค) หลังจากสร้างเสร็จแล้วจะได้โฟลเดอร์ hello (ชื่อโฟลเดอร์ App ที่เราสั่งสร้างด้วย creatr) และภายในจะมีไฟล์ต่าง ๆ ที่ระบบสร้างเตรียมไว้ให้
ในขั้นตอนต่อ ๆ ไป (เพิ่ม Platform, Build, Bun, เพิ่ม Plugin) จะต้องทำงานภายใต้โฟลเดอร์ของโปรเจค App ดังนั้น ให้ cd เข้าไปโฟลเดอร์ดังกล่าว
ในขั้นตอนต่อ ๆ ไป (เพิ่ม Platform, Build, Bun, เพิ่ม Plugin) จะต้องทำงานภายใต้โฟลเดอร์ของโปรเจค App ดังนั้น ให้ cd เข้าไปโฟลเดอร์ดังกล่าว
2. ติดตั้งหรือเพิ่ม Platform ระบบที่ต้องการให้ App ใช้งานได้ รูปแบบคำสั่ง คือ
หากต้องการสั่งทีเดียว ติดตั้ง iOS Android สามารถพิมพ์บรรทัดเดียวกันได้ เช่น
หากต้องการดูรายการว่าโปรเจคนี้ได้เพิ่ม platform อะไรไปแล้ว (list) พิมพ์คำสั่งดังนี้
installed คือที่ติดตั้งหรือเพิ่มไปแล้ว ส่วน Available คือ platform ที่ Cordova/PhoneGap นี้รองรับให้สามารถใช้งานได้ (ถ้าจะใช้ ก็ต้องเพิ่ม add เข้าไปในโปรเจคดังที่ได้กล่าวมาแล้ว)
ลองเปิดหน้าต่างลิสไฟล์ในโฟลเดอร์ hello จะพบโฟลเดอร์และไฟล์ต่าง ๆ สำหรับโปรเจค และสำหรับ platform ที่เพิ่มเข้าไป เช่น platform android ฯลฯ
สำหรับ platform ใดที่ไม่ใช้แล้ว สามารถถอนออกไป พิมพ์คำสั่งดังนี้
ลองเปิดหน้าต่างลิสไฟล์ในโฟลเดอร์ hello จะพบโฟลเดอร์และไฟล์ต่าง ๆ สำหรับโปรเจค และสำหรับ platform ที่เพิ่มเข้าไป เช่น platform android ฯลฯ
สำหรับ platform ใดที่ไม่ใช้แล้ว สามารถถอนออกไป พิมพ์คำสั่งดังนี้
3. สั่ง Build รูปแบบคำสั่งคือ (หากต้องการทดลองรัน สามารถข้ามไปข้อ 4 เลยก็ได้)
4. สั่งรัน
อีมูเลเตอร์ (AVD) จะสตาร์ทขึ้นมาแล้วรัน App ให้ หากอีมูเลเตอร์ไม่สตาร์ท ให้เราสั่งสตาร์ทเองก่อน ด้วย Eclipse หรือ Android Studio ก็ได้ จากนั้นจึงรัน cordova emulate android อีกครั้ง