Membangun Hybrid Android App dengan Ionic dan Cordova

Ionic Framework adalah front-end SDK untuk membangun hybrid mobile app dengan HTML5.

Apache Cordova adalah platform untuk membangun native mobile app menggunakan HTML, CSS, dan JavaScript.

Instalasi

Proses

  • Buat app —> ionic start namaApp blank

Opsional > daftar ke Ionic > login > unggah app > install Ionic View untuk live testing.

  • Masuk ke direktori app & instal ngCordova —> cd namaApp && bower install ngCordova

Opsional > hanya jika UNMET DEPENDENCY —> sudo npm install gulp gulp-concat gulp-minify-css gulp-rename gulp-sass

  • Kustomisasikan app dalam direktori www

  • Tentukan platform —> ionic platform add android

  • Bangun app —> ionic build android

  • Emulator —> ionic emulate android

Instalasi dan Membuat Test App dengan Express.js

Express adalah web framework minimalis berbasis Node.

Lihat contoh aplikasi yang dibangun dengan Express disini.


  • Buat virtual environment sesuai panduan 00_nodeenv.md.
    Aktifkan dan masuk ke direktori tsb.

  • Buat direktori aplikasi dan masuki —> mkdir namaApp && cd namaApp

  • Buat file package.json yang memuat identitas dan dependensi aplikasi —> npm init
    Jawab semua prompt untuk mengisi identitas aplikasi, atau cukup klik Enter untuk default value.
    Is this ok? (yes) yes

  • Instal Express —> sudo npm install express --save

  • Periksa bahwa Express telah tersimpan (otomatis) dalam daftar dependensi package.json. Kurang lebih begini:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
"name": "namaApp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
}
,

"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.12.3"
}

}

  • Instal tool generator aplikasi —> sudo npm install express-generator

  • Bangun aplikasi —> express namaApp
    Otomatis membuat direktori anak “namaApp” di dalam direktori induk “namaApp”.

  • Masuk ke direktori anak dan instal dependensi —> cd namaApp && sudo npm install

  • Jalankan aplikasi —> DEBUG=namaApp ./bin/www
    Buka http://localhost:3000/ di browser untuk melihat pesan “Welcome to Express”.


Temukan referensi lanjut di sini.