Contents
การเพิ่มแพลตฟอร์ม Android
- ติดตั้ง JDK, Android Studio และ Ant
- Build แอพเป็น APK
- การ Debug เมื่อรันบนเครื่อง Android จริง
1. ติดตั้ง JDK, Android Studio และ Ant
ติดตั้ง JDK, Android Studio เสร็จแล้ว
ให้กำหนดค่า Environment Variable > System variables
Set ตัวแปร ANDROID_HOME
C:\Users\username\AppData\Local\Android\Sdk\
ให้กำหนดค่า Environment Variable > User variables
Set ตัวแปร Path
C:\Users\username\AppData\Local\Android\Sdk\tools
C:\Users\username\AppData\Local\Android\Sdk\platform-tools
ติดตั้ง Ant บน Windows
ดูวิธีติดตั้งที่
http://nextflow.in.th/2014/easy-install-ant-on-windows/
Download WinAnt
ตรวจสอบว่าติดตั้งเรียบร้อยมั๊ย
[code]
> ant -version
Apache Ant(TM) version 1.8.2 compiled on December 20 2010
[/code]
2. Build แอพเป็น APK
Link: Android Publishing
เพิ่มแพลตฟอร์ม Android ด้วยคำสั่ง
[code]
> ionic cordova platform add android
[/code]
ลบแพลตฟอร์ม Android ด้วยคำสั่ง
[code]
> ionic cordova platform rm android
[/code]
Build แบบ Release ด้วยคำสั่ง
[code]
> ionic cordova build android –release
[/code]
หรือ
[code]
> ionic cordova build android –prod –release
[/code]
จะได้ไฟล์อยู่ที่
platforms\android\app\build\outputs\apk\release\app-release-unsigned.apk
ลอง copy ไฟล์ไปติดตั้งแล้ว แต่ติดตั้งไม่ได้ เลยลองแบบ debug แทน
Build แบบ Debug ด้วยคำสั่ง
[code]
> ionic cordova run android –device
[/code]
จะได้ไฟล์อยู่ที่
platforms\android\app\build\outputs\apk\debug\app-debug.apk
ลอง copy ไฟล์ไปติดตั้งแล้ว ใช้ได้
สรุปคือใช้ 2 คำสั่งนี้สำหรับ Android
[code]
> ionic cordova platform rm android
> ionic cordova platform add android
> ionic cordova run android –device
[/code]
และ 2 คำสั่งนี้สำหรับ iOS
[code]
> ionic cordova platform rm ios
> ionic cordova platform add ios
> ionic cordova run ios –device
[/code]
เพิ่มและรันแพลตฟอร์ม browser
[code]
> ionic cordova platform rm browser
> ionic cordova platform add browser
> ionic cordova run browser
[/code]
3. การ Debug เมื่อรันบนเครื่อง Android จริง
กำหนดให้ Notebook และ Android Mobile เข้า Network วงเดียวกันก่อน
จากนั้นรันคำสั่ง
[code]
> ionic cordova run android –device -l -c
[/code]
โดย
l = live reload
c = console output
ถ้า Notebook มีหลาย NIC ให้เลื่อนขึ้น-ลง เพื่อเลือก NIC ตัวที่อยู่ Network วงเดียวกับมือถือ
Note: เหมือนว่าโค๊ดจะ deploy จาก Notebook ไปมือถือด้วยสาย USB แต่
มือถือจะเข้าถึง Server ของ ionic จาก WI-FI เลยทำให้เราสามารถ Debug ที่เครื่อง Notebook ได้
Link