9/30/2557

ขั้นตอนการ install phonegap

Phonegap คือ เครื่องมือในการพัฒนา cross path mobile application ( การพัฒนา Application ที่สามารถใช้งานได้ทุกระบบปฎิบัติการ )โดยใช้ HTML 5 เหมาะ สำหรับ Web Programmer ที่ต้องการพัฒนา Mobile Application แต่ไม่มีความรู้ภาษาที่ใช้เขียน Mobile Application เช่น objective-c หรือ java
ในบทความนี้จะอธิบายถึงขั้นตอนการลง phonegap และทดสอบ Application ที่เขียนขึ้น

1. ลง phonegap developer application จาก app store หรือ play store ลงในมือถือ หรือ tablet ก็ได้เพื่อใช้สำหรับทดสอบ Aplication ที่เขียนโดย phonegap



2. install node.js จาก www.nodejs.org


3. หลังจากลง node.js แล้วเราจะใช้ node.js ลง phonegap โดยเปิด command line แล้วพิมพ์คำสั่ง

     cd AppData
     cd Roaming
     npm install -g phonegap


4. เมื่อลง phonegap เสร็จแล้วให้ปิด comandline แล้วเปิดอีกครั้ง ครั้งนี้เราจะสร้าง folder สำหรับ project phonegap ชื่อว่า myApp ไว้ใน drive d
     
    d:
    phonegap create myApp


5. จะพบว่าใน drive d มี folder ชื่อว่า myApp อยู่ เมื่อเปิดเข้าไปดูจะมีไฟล์ index.html ซึ่งคือไฟล์ที่จะแสดงใน Application ให้เปิดไฟล์ขึ้นมาแก้ไขในบรรทัดที่ 34 เป็น <h2>www.projectsoft.biz</h2>



6. ใน command line ให้พิมพ์ cd myApp เพื่อเข้าไปใน folder project ของเรา และพิมพ์ phonegap serve หากมีหน้าจอ fire wall ขึ้นมาให้คลิก allow  ใน command line มี ip address ของและ port เพื่อให้ smart phone หรือ tablet ที่ลง application phonegap developer เอาไว้ เรียก


7. ใช้ smart phone หรือ tablet เปิด application phonegap developer  ใส่ ip และ port ที่ปรากฎใน commad line ลงใน application และแตะ connect เพื่อทดสอบ Aplication


8. Apllication จะปรากฎหน้า html ที่เขียน สังเกตุได้จากข้อความที่เราได้เปลี่ยนในไฟล์ index.html