[Ionic] Cài đặt và tạo ứng dụng đầu tiên

1. Cài đặt

Bước 1: Download và cài đặt Node.js (nên chọn bản LTS cho ổn định).

Bước 2: Cài đặt Cordova và Ionic bằng lệnh sau:

npm install -g ionic cordova

Kiểm tra phiên bản sau khi cài đặt:

ionic info

Nếu bạn nào muốn gỡ hoàn toàn ionic và cordova để cài lại thì chạy lệnh sau:

npm uninstall -g ionic cordova npm cache clean 

2. Tạo một ứng dụng Ionic 2

ionic start myApp tabs

Trong đó:
- myApp: là tên ứng dụng.
- tabs: là kiểu template. Có 3 template mẫu như sau:

3. Chạy ứng dụng

Sau khi tạo ứng dụng, bạn di chuyển vào thư mục myApp vừa tạo để chạy thử ứng dụng trên trình duyệt bằng lệnh ionic server

cd myApp
ionic serve

Trong khi đang chạy ionic serve, những thay đổi của bạn trong code sẽ được tự động cập nhật trên trình duyệt. Chúng ta sẽ viết ứng dụng và debug/test trong chế độ này.

Ionic cho phép chúng ta giả lập hoạt động của ứng dụng trên thiết bị Android và iOS bằng công cụ Ionic Lab. Để mở ứng dụng bằng Ionic Lab chúng ta sử dụng lệnh sau:

ionic serve -l

4. Build ứng dụng

Sau khi xây dựng ứng dụng xong, chúng ta có thể build ứng dụng để chạy trên thiết bị thật bằng Cordova.
Cordova là công cụ giúp build hybrid app ra nhiều nền tảng khác nhau như iOS, Android, Windows Phone, Amazon-fireos, Blackberry, Firefox OS, Ubuntu và Tizien.

Sau đây mình sẽ hướng dẫn các bạn build ứng dụng ra nền tảng Android. Mình sẽ viết một bài hướng dẫn build ra iOS sau.

Lưu ý: Để build được Ionic trên Android thì cần phải cài đặt Android SDK và Java JDK

Trước khi build ứng dụng thì chúng ta cần phải tạo platform tương ứng như sau:

ionic cordova platform add android

Sau khi đã tạo platform, chúng ta có thể build ứng dụng.

4.1. Build ở chế độ Development

Chế độ này được dùng trong quá trình phát triển để test ứng dụng trên thiết bị thật.

ionic cordova build android

Sau khi chạy lệnh trên, một file app-debug.apk sẽ được tạo trong thư mục myApp/platforms/android/app/build/outputs/apk/debug/

4.2. Build ở chế độ Production

Khi ứng dụng của bạn đã sẵn sàng. Bạn có thể build ứng dụng ở chế độ Production để upload lên Play Store:

ionic cordova build android --release --prod

Sau khi build thành công, chúng ta có được file android-release-unsigned.apk trong thư mục myApp/platforms/android/app/build/outputs/apk/release/. Chúng ta có thể sign ứng dụng dựa trên file này rồi upload lên Play Store.