CORDOVA - STEP by STEP

• Cordova dùng để build hybrid App.
• Bạn sử dụng code frontend của bạn (HTML, CSS, Javascript) kết hợp với Cordova để build ứng dụng Cross platform (Android, iOS, Window Phone,....).
• Các Javascript framework như Ionic, Ionic 2.....sử dụng Cordova để build ứng dụng sang mobile (android, ios,...)
• Có nhiều Stack kết hợp với Cordova, Ví dụ như: HTML, CSS, Javascript + Cordova

HTML, CSS, Javascript Jquery + Cordova,

.... Bên cạnh đó có thể kết hợp backend để làm Restful cho ứng dụng của bạn: Wordpress, Laravel Framework, NodeJS,....

• Thời gian thực hành: 1 giờ.

CORDOVA COMMAND

• Trước khi cài Cordova, bạn cần cài NodeJS.

• Bạn vào website chính của Cordova để coi cách cài đặt

• Cài Cordova

  npm install -g cordova.

• Tạo 1 project sử dụng Cordova

  cordova create <path>

• Add platform (Android, IOS) - Bước này là cần thiết vì chúng ta muốn build cho nền tảng nào thì add nền tảng đó vô.

  cordova platform add <platform name>

Ví dụ Android

cordova platform add android

• Sau khi chúng ta code - source đã ok, chúng ta build app.

Ví dụ build app Android (Debug file)

cordova build android

Sau khi chạy lệnh trên chúng ta sẽ có 1 file android-debug.apk nằm trong platforms/android/build/outputs/apk

Ví dụ build app Android bản release

cordova build --release android

Sau khi chạy lệnh trên chúng ta sẽ có 1 file unsigned-release-android.apk nằm trong platforms/android/build/outputs/apk

• Để chạy thử trên máy ảo/máy thật chúng ta dùng lệnh sau:

  cordova run android

  Phần cấu hình cho máy ảo và máy thật sẽ cập nhật thêm sau tại đây.

BUILD APP và RELEASE

• Sau khi build app release xong chúng ta cần jarsingned - add keystore cho nó và zipalign

Đối với Windows

• Tạo Keystore: bạn vào đường dẫn sau: "C:\Program Files\Java\jre1.8.0_65\bin" (jre1.8.0_65 là thư mục cùng cấp nơi bạn đã cài JDK). Sau đó ở Command Line (có thể xài Windows Prompt hoặc Windows Powershell): bạn gõ command như sau:

  keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

  Trong đó 'my-release-key.keystore' là tên file keystore của bạn sẽ tạo. 'alias_name' là tên của keystore Sau đó nó yêu cầu nhập thông tin như (Họ Tên, Công ty,...) và nhập password cho keystore này.

• Lưu ý: mỗi app có 1 keystore cho nó dùng để upload và cập nhật app sau này, vì thế bạn cần nhớ password và lưu trữ file cẩn thận. Nếu mất keystore bạn ko thể cập nhật app đó được nữa.

Có thể tham khảo thêm thông số tại đây Keystore

• Jarsigner cho app của bạn: Bạn vào đường dẫn sau: "C:\Program Files\Java\jdk1.8.0_65\bin" Bạn copy file apk (android-release-unsigned.apk) trong thư mục của platform android bạn đã dùng cordova build phía trên và bỏ vào đây.

Sau đó chạy dòng lệnh như sau.

$ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore android-release-unsigned.apk alias_name

Nếu lệnh trên không chạy bạn thêm (./) trước lệnh jarsigner như sau:

$ ./jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore android-release-unsigned.apk alias_name

• Zipalign sau đó bạn cần zipalign lại Bạn vào đường dẫn sau: "C:\Users\TU\AppData\Local\Android\sdk\build-tools\23.0.2" Đường dẫn tới SDK của bạn, có thể vào Android Studio để coi đường dẫn SDK của bạn nằm ở đâu 23.0.2 là version của Android SDK bạn đã cài vào. Tại đây bạn có thể chạy lệnh zipalign tương ứng.

zipalign -v 4 android-release-unsigned.apk your-app-name.apk

Xong rồi đó, có thể lấy file your-app-name.apk để upload release cho app/game của bạn.

Nếu lệnh trên không chạy bạn thêm (./) trước lệnh zipalign như sau:

./zipalign -v 4 android-release-unsigned.apk your-app-name.apk

Đối với MAC

• Cũng tương tự như Windows nhưng khác biệt chút về đường dẫn.

2 bước dưới đây bạn không cần cd tới đúng thư mục của JDK:

• Tạo Keystore.
• Jarsigner cho app của bạn.

Bạn vào Android SDK, tìm đường dẫn tới SDK của bạn rồi Copy, Sau đó vào Finder (ấn Command + Shift + G) - paste đường dẫn vào tới thư mục chứa zipaligin. Sau đó chạy lệnh.

./zipalign -v 4 android-release-unsigned.apk your-app-name.apk

Free Software, Hell Yeah!