สำหรับคนที่ลง Android Studio ให้ข้ามไปที่ข้อ 3 เลยนะครับ
1 ติดตั้ง Java SDK https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html เข้าไปที่ Folder ของ JAVA แล้วนำไปใส่ที่ PATH ของเครื่อง
2 ติดตั้ง Android Tools สำหรับคนที่ติดตั้ง Android Studio อยู่แล้วสามารถข้ามขั้นตอนนี้ไปได้ ส่วนคนที่ลงใหม่ ให้เข้าไปดาวโหลดที่ https://developer.android.com/studio/ เลื่อนลงมาเลือกดาวโหลดลิงค์ประมาณนี้ sdk-tools-windows-4333796.zip เพราะเราต้องการแค่ tool เพื่อประหยัดพื้นที่คอมพิวเตอร์เลยไม่เลือก Android Studio มา
ให้เราทำการแตกไฟล์แล้วแก้ชื่อเป็นFolder android แล้วเอาไปวางไว้ในไดรซ์ C
จากนั้นเปิด CMD ใช้คำสั่ง
cd C:\android\tools\bin
จากนั้นใช้คำสั่ง
sdkmanager "platform-tools" "platforms;android-26"
ต่อด้วยคำสั่ง
sdkmanager "build-tools;27.0.3"
เราจะได้ folder ใน Android ประมาณนี้ มี
3 ติดตั้ง Gradle โดยเข้าไปดาวโหลดที่ https://gradle.org/next-steps/?version=4.10.2&format=bin แตกไฟล์ออกมาแล้วเอาไปวางไว้ที่ไดรซ์ C
C:\android\platform-tools
C:\android\tools
C:\gradle-4.10.2\bin
4 ติดตั้ง NodeJs https://nodejs.org/en/
5 ติดตั้ง Cordova โดยการเปิด CMD แล้วใช้คำสั่ง
npm install -g cordova
เสร็จขั้นตอนการ Setup แล้วซึ่งจะทำแค่ครั้งแรกครั้งเดียว ต่อมาก็ถึงการสร้างโปรเจค android ของ Cordova แล้วครับ
1 เปิด CMD ขึ้นมาแล้ว พิมคำสั่ง
cd Desktop
2 คำสั่ง สร้างโปรเจค cordova create [ชื่อแฟ้มที่จะสร้างใหม่] [ package ของแอป] [ชื่อแอป] เช่น
cordova create mygame com.ebgiball.mygame mygame
3 cd เข้าไปใน folder ของ app ด้วยชื่อของมัน
cd testapp
4 เพิ่ม platform ด้วยคำสั่ง
cordova platform add android
5 เข้าไป folder ชื่อ www ในโปรเจค html5 ของเราไปไว้ในนั้นทั้งหมด
6 พิมคำสั่ง
cordova build android
หากสำเร็จก็จะมีข้อความแจ้งว่า
BUILD SUCCESSFUL
Total time: 36.863 secs
Built the following apk(s):
C:/Users/Win10/Desktop/testapp/platforms/android/build/outputs/apk/android-debug.apk
แล้วเข้าไปดูใน folder ที่มันแสดงจะมีไฟล์ android-debug.apk ให้เราเอาไปติดตั้งบนเครื่อง android ได้แล้ว
ปล. แอปที่สร้างได้นี้สามารถติดตั้งบนเครื่องตัวเองได้ แต่ยังไม่สามารถอัพขึ้น Google Play ได้จะต้องทำการสร้าง KeyStore แล้ว Sign แอป ก่อน ซึ่งจะนำมาสอนในบทความต่อไป
ไม่มีความคิดเห็น:
แสดงความคิดเห็น