วันพุธที่ 11 มกราคม พ.ศ. 2560

วิธีติดตั้ง Phonegap

เรามาทำความรู้จักกับ 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 ได้ที่นี่

ไม่มีความคิดเห็น:

แสดงความคิดเห็น