เรามาทำความรู้จักกับ phonegap โดยศึกษาได้จากลิ้งค์ข้างล่างนี้เลยครับ
ก่อนติดตั้ง Phonegap ให้ทำการโหลดโปรแกรม Node.js สามารถโหลดได้จากลิ้งค์นี้ https://nodejs.org/en/
โหลดเสร็จแล้วติดตั้ง Node.js ให้เรียบร้อย
จากนั้นเริ่มขั้นตอนการติดตั้ง Phonegap
ขั้นตอนที่ 1. ให้ทำการรัน CMD หรือ Command Prompt
ขั้นตอนที่ 2. พิมพ์คำสั่งดังนี้ npm install -g phonegap แล้วกด Enter
ระบบจะขึ้นว่ากำลังทำการติดตั้ง ดังภาพ รอจนกว่าจะติดตั้งเสร็จ
ขั้นตอนที่ 3. ให้ทำการสร้าง Folder โดยภาพตัวอย่างสร้างไว้ที่ Drive E:
จากนั้นให้พิมพ์คำสั่งใน CMD โดยพิมพ์เลือก Drive ตามที่อยู่ของ Folder ที่ทำการสร้างไว้ก่อนหน้านี้
ตัวอย่าง E: จากนั้นพิมพ์ cd examplephonegap เพื่อเข้าไปใน Folder ที่ทำการสร้างไว้
ต่อมาพิมพ์คำสั่ง phonegap create my-app (my-app เราสามารถเปลี่ยนเป็นชื่ออื่นได้เช่น test,example)
พิมพ์เสร็จแล้วกด Enter รอจนกว่าระบบจะทำการติดตั้งจนเสร็จ
หลังจากติดตั้งเสร็จแล้วเราจะได้ Folder my-app ตามภาพด้านล่าง
ขั้นตอนที่ 4. ให้พิมพ์คำสั่ง cd my-app เพื่อเข้าไปใน Folder ของ my-app
จากนั้นพิมพ์ว่า phonegap platform add android แล้วกด Enter
รอจนกว่าจะทำการติดตั้งจนเสร็จ
หลังจากติดตั้งเสร็จเรียบร้อยแล้ว โดยวิธีเข้าไปแก้ไขโค้ตให้เข้าไปที่ E:\examplephonegap\my-app\platforms\android\assets\www
จะเห็นไฟล์ index.html ตามภาพด้านล่าง
สามารถดูวิธีการใช้งาน phonegap กับ Android studio ได้ที่นี่
ไม่มีความคิดเห็น:
แสดงความคิดเห็น