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

ดูวิธีติดตั้ง 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 เชื่อมกับโทรศัพท์ได้

วิธิติดตั้ง JDK เพื่อใช้งานกับ Android Studio

Download Java JDK

ก่อนอื่นไปโหลด Java JDK  มาก่อนที่ http://www.oracle.com/technetwork/java/javase/downloads/index.html

เลือกโหลดที่ เหมาะสมกับ ระบบปฎิบัติการของตนเอง จาก ตัวอย่าง มาสเตอร์ จะเลือกโหลด ต้วที่ใช้กับ Windows 64 Bit ก็คือ Windows x64

ดับเปิลคลิกเพื่อ ติดตั้ง Java JDK

ลองเปิด cmd เพื่อเช็คว่า เรามี JDK จริงๆ

พิมพ์ คำสั่ง java -version ลงไปใน cmd

ถ้าทุกอย่างถูกต้อง น่าจะได้แบบนี้

ต่อไปก็มาถึ่งการ กำหนด path ให้กับ JDK เพื่อเราจะติดตั้ง android Studio ต่อไป ให้ไปที่ Control Panel > System and Security > System มองหา Advanced system settings

Environment Variables

คลิกที่ New

ก่อนที่จะทำอะไร ? ต่อไป ให้หาตำแหน่ง path แท้ของ JDK แบบนี้ และ Copy path ไว้

กำหนด New System Variable แบบนี้

ทำการตรวจสอบว่า เราได้ System variables ได้จริง

และเพิ่ม System Variable อีกอันแบบนี้

โอเค ได้มาละ การกำหนด path JDK มีแค่นี่แหละครับ ต่อไป คุณก็สามารถไป ติดตั้ง android Studio ได้ละครับ

Credit ที่มา http://androidthai.in.th/conternt-android/238-set-up-and-install-jdk-for-android-studio.html

วิธีติดตั้ง Android Studio

(บทความนี้เป็นตัวเวอร์ชั่นเก่า สามารถดูวิธีติดตั้งและนำไปใช้ได้กับเวอร์ชั่นปัจจุบัน)

Installation

• ในขั้นตอนการติดตั้งควรเชื่อมต่อกับอินเตอร์เน็ตด้วย เพราะจะมีบางขั้นตอนที่ต้องดาวน์โหลดข้อมูลเพิ่มจากอินเตอร์เน็ต
• ขั้นตอนการติดตั้ง JDK  โดยสามารถดูวิธีการติดตั้งได้ที่  วิธีการติดตั้ง Java Development Kit (JDK) บน Windows
• ดาวน์โหลด Android Studio จาก Download Android Studio [Android Developer]

• ก่อนจะทำการดาวน์โหลดจะต้องยอมรับข้อตกลงการใช้งานเสียก่อน แล้วให้ติ๊กเลือกที่ I have read and agree with the above terms and conditions แล้วจึงจะกดปุ่มดาวน์โหลดได้

• เมื่อทำการดาวน์โหลดเสร็จเรียบร้อยแล้วให้เปิดไฟล์ขึ้นมา ก็จะพบกับหน้า Welcome ให้กดปุ่ม Next เพื่อไปขั้นตอนต่อไป

• หน้าต่อมาจะให้เลือกว่าต้องการติดตั้งอะไรบ้าง ถ้าผู้ที่หลงเข้ามาอ่านติดตั้ง Android SDK ไว้แล้วก็ให้ข้ามไปได้เลย เพราะโปรแกรมสามารถกำหนด Android SDK Path ที่มีอยู่ในเครื่องในภายหลังได้ (จะได้ไม่ต้องโหลดใหม่)

ส่วน Android Virtual Device (AVD) กับ Performance (Intel®HAXM) ไม่ต้องลงก็ได้ เพราะเป็นตัว Emulator และตัวช่วยที่ทำให้ Emualtor ทำงานได้ไวขึ้น แต่ทว่าเจ้าของบล็อกแนะนำ Genymotion ซะมากกว่า

ดังนั้นเจ้าของบล็อกจึงเลือก Android SDK เพียงอย่างเดียว แล้วกดปุ่ม Next เพื่อไปขั้นตอนต่อไป

• หน้าต่อมาจะเป็นข้อตกลงการใช้งาน Android Studio ให้กดปุ่ม I Agree เพื่อไปขั้นตอนต่อไปได้เลย

• ต่อมาจะเป็นหน้ากำหนด Path ที่ต้องการติดตั้ง

กรณีที่เลือกติดตั้ง Android Studio และ Android SDK
ในการกำหนด Path ของ Android Studio และ Android SDK ห้ามเลือก Path ของ Android SDK ให้อยู่ใน Android Studio เพราะว่าจะทำให้ไม่สามารถอัพเดท Android Studio ได้ (โปรแกรมจะมีแจ้งเตือนอยู่) ดังนั้นควรแยกโฟลเดอร์ทั้งสองไว้เลย

กรณีที่ติดตั้งแต่ Android Studio
ในกรณีที่ไม่ได้ติดตั้ง Android SDK โปรแกรมจะถาม Path ของ Android SDK ที่มีอยู่ในเครื่องแทน

จากนั้นเลือก Path ที่ต้องการติดตั้ง Android Studio ลงในเครื่อง

• กำหนด Start Menu Folder ซึ่งในขั้นตอนนี้ให้กด Install เพื่อเริ่มทำการติดตั้งได้เลย

• รอโปรแกรมทำการติดตั้งจนเสร็จ ซึ่งใช้เวลาพักใหญ่

• เมื่อติดตั้งเสร็จแล้วให้กดปุ่ม Next ได้เลย

• เพียงเท่านี้ก็ติดตั้งโปรแกรม Android Studio เสร็จเรียบร้อยแล้ว กดปุ่ม Finish เพื่อปิดหน้าต่างแล้วเปิด Android Studio ขึ้นมาได้เลย~

 

สามารถดูวิธีการใช้งาน Android Studio กับ phonegapได้ที่นี่

 

Credit ที่มา http://www.akexorcist.com/2014/12/android-studio-installation-windows.html