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

การใช้งาน phonegap กับ Android studio

ดูวิธีติดตั้ง phonegap  และวิธีการติดตั้ง Android Studio ได้ที่ลิ้งค์ด้านล่างครับ

การใช้งาน phonegap กับ Android studio
ขั้นตอนที่ 1. ทำการเปิดโปรแกรม Android Studio ขึ้นมา


จากนั้นเลือกเมนู Import project (Eclipse ADT,Gradle,etc.)

ขั้นตอนที่ 2. ทำการเลือกที่ตั้งของ Folder ที่ทำการ Build phonegap แล้วกด OK
โดยดูวิธีการติดตั้ง phonegap ได้ในบทความตามลิ้งค์ด้านล่าง
....


จากนั้นโปรแกรมจะขึ้นมาให้ทำการสร้าง Gradle โดยกด OK โปรแกรมจะทำการรันไฟล์ตามภาพด้านล่าง


ขั้นตอนที่ 3. ทำการเลือกตามภาพด้านล่างเลยครับ สามารถดูตัวอย่างการแก้ไขโค้ตได้โดยใช้
emulator ในการดูแบบแอพพลิเคชั่น หรือดูแบบเว็บ html ทั่วไป โดยการรันไฟล์เว็บปกติ


ขั้นตอนที่ 4. วิธีแสดงตัวอย่างแบบแอพพลิเคชั่นโดยใช้ Emulator โดยกด ฟังก์ชั่น Run
แล้วเลือก Run android จะขึ้น Select Deployment Target ตามภาพด้านล่าง
จากนั้นคลิ๊ก Create New Emulator



ขั้นตอนที่ 5. ให้ทำการเลือกรูปแบบที่จะแสดงตามที่ต้องการ จากนั้น กด Next เพื่อไปยังขั้นตอนต่อไป


จากนั้นโปรแกรมจะให้เลือกระบบปฏิบัติการ ให้เลือกตามที่ต้องการได้เลย
เสร็จแล้วกด Next เพื่อไปยังขั้นตอนต่อไป


เสร็จแล้วกด Finish จะได้ดังภาพด้านล่าง ให้เลือก Emulator ที่ทำการสร้างไว้จากนั้นกด OK เพื่อทำการรันไฟล์


เสร็จแล้วโปรแกรมจะรันไฟล์ขึ้นมาตามภาพด้านล่าง


ถ้าคุณไม่สามารถรัน Emulator ได้ ให้ไปดูที่ฟังก์ชั่น Tools จากนั้นเลือก Android คลิ๊กเปิด Enable ADB Integration


อีกวิธีถ้าคุณมีโทรศัพท์สมาทโฟนก็สามารถต่อสาย usb เชื่อมกับโทรศัพท์ได้



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

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