เรียนรู้ phonegap ติดตั้ง node.js phonegap และ phonegap developer ตอนที่ 2

เขียนเมื่อ 10 ปีก่อน โดย Ninenik Narkdee
phonegap phonegap developer nodejs

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ phonegap phonegap developer nodejs

ดูแล้ว 8,829 ครั้ง




ต่อเนื่องจากตอนที่ 1
 
เรียนรู้ phonegap สร้าง app ด้วย html,css และ javascript ตอนที่ 1 
 
ในตอนที่สอง จะเป็นตอนสุดท้ายสำหรับ การติดตั้ง เพื่อเตรียมพร้อมก่อน เริ่มต้น
ศึกษาการใช้งาน phonegap

 
1. ติดตั้ง node.js 
โดยให้เข้าไปที่ http://nodejs.org/ จาก กดปุ่ม คำว่า install 
 
node
 
ระบบจะเริ่มดาวโหนดไฟล์ ที่เหมาะกับ os เครื่องที่เราใช้งานอยู่
พอดาวโหลดเสร็จ ให้กดติดตั้ง ตามปกติ 
 
หลังจากติดตั้ง เสร็จตรวจสอบ ว่าติดตั้งสมบูรณ์หรือไม่
ให้เข้าไปที่ command prompt เลือกเป็น run as administrator
 
พิมพ์ C:\node -v ตามรูป ถ้า มีการแสดงเวอร์ชั่น ออกมาแสดงว่าการติดตั้ง เรียบร้อย

node2


 
2. ต่อเลยด้วยการติดตั้ง phonegap command 
เปิด command prompt เลือกเป็น run as administrator 
 
พิมพ์ C:\npm install -g phonegap ตามรูป แล้วกด enter (ต่อเน็ตด้วย)

node3
 
โปรแกรม จะไปทำการดาวน์โหลดข้อมูลและทำการติดตั้ง phonegap ให้
หลังจากติดตั้ง เรียบร้อย ตรวจสอบด้วยการพิมพ์
 
C:\phonegap -v 

node4
 
ถ้ามีการแสดงข้อมูลเวอร์ชั่นออกมา แสดงว่ามีการติดตั้งสำเร็จเรียบร้อยแล้ว
 
3. ติดตั้ง Cordova CLI 
 
เปิด command prompt เลือกเป็น run as administrator 
 
พิมพ์ C:\>npm install -g cordova ตามรูป แล้วกด enter (ต่อเน็ตด้วย)
 
 
โปรแกรม จะไปทำการดาวน์โหลดข้อมูลและทำการติดตั้ง phonegap ให้
หลังจากติดตั้ง เรียบร้อย ตรวจสอบด้วยการพิมพ์
 
C:\>cordova -v


 
ถ้ามีการแสดงข้อมูลเวอร์ชั่นออกมา แสดงว่ามีการติดตั้งสำเร็จเรียบร้อยแล้ว
 
4. ติดตั้ง phonegap developer app ในเมือถือ android หรือใช้ android emulator ก็ได้
แล้วแต่ ใครจะสะดวกแบบไหน ไปตามลิ้งค์นี้
(กรณีใช้งาน android emulator ในที่นี้จะไม่ได้แนะนำวิธี เนื่องจากขึ้นตอนจะยาวมาก ใครสนใจ แนะนำตัว
ที่่ชื่อ  genymotion ค้นใน google หาคำว่า การติดตั้ง genymotion )
 
 
หรือค้นหาใน play store ก็ได้ ค้น phonegap developer
 
จากนั้นก็กดติดตั้ง

phonegap_dev
 
เท่านี้ก็พร้อมสำหรับ การเรีมต้น เขียน phonegap app

phonegap_dev2
 
ติดตาม ตอนที่ 3
 


กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ







เนื้อหาที่เกี่ยวข้อง









URL สำหรับอ้างอิง





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ