Ionic adalah Kerangka kerja sumber terbuka yang dapat digunakan untuk mengembangkan aplikasi seluler hybrid menggunakan teknologi Web seperti CSS, HTML5, dan Sass. Ionic menyediakan antarmuka baris perintah yang kuat yang dapat digunakan untuk membuat proyek dengan perintah sederhana. Ionic mendukung Android, IOS dan Universal Windows Platform untuk mengembangkan aplikasi. Ionic menggunakan plugin Cardova untuk mengakses Kamera, GPS, dan Senter.
Dalam tutorial ini, kita akan belajar menginstal framework Ionic di Ubuntu 18.04 (Bionic Beaver).
Persyaratan
- Server yang menjalankan Ubuntu 18.04 ke sistem Anda.
- Pengguna non-root dengan hak istimewa sudo.
Instal Node.js dan Cordova
Pertama, Anda perlu menginstal Node.js ke sistem Anda. Secara default, Node.js versi terbaru tidak tersedia di repositori default Ubuntu 18.04. Jadi, Anda perlu menambahkan PPA untuk node.js ke sistem Anda.
Anda dapat menambahkan PPA Node.js menggunakan perintah berikut:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Selanjutnya, instal Node.js menggunakan perintah berikut:
sudo apt-get install nodejs -y
Selanjutnya, Anda perlu menginstal Cordova ke sistem Anda. Anda dapat menginstalnya dengan perintah berikut:
sudo npm install -g cordova
Instal Kerangka Ionic
Ionic hadir dengan utilitas baris perintah yang nyaman untuk memulai, membangun, dan mengemas aplikasi Ionic. Anda dapat menginstalnya hanya dengan menjalankan perintah berikut:
sudo npm install -g ionic
Setelah Ionic terinstal, Anda dapat memeriksa versi Ionic menggunakan perintah berikut:
ionic -v
Keluaran:
3.20.0
Buat Proyek dengan Ionic
Selanjutnya, Anda perlu membuat proyek Cordova baru di suatu tempat di komputer untuk kode aplikasi Anda:Anda dapat melakukannya dengan perintah berikut:
ionic start HelloWorld blank
Perintah di atas akan membuat direktori HelloWorld.
Selanjutnya, ubah direktori ke HelloWorld dan daftarkan isinya:
cd HelloWorld/
ls -l
Anda akan melihat output berikut:
total 260 -rw-r--r-- 1 3434 3434 92 Jun 9 15:43 ionic.config.json drwxr-xr-x 536 root root 20480 Jun 9 15:46 node_modules -rw-r--r-- 1 3434 3434 1135 Jun 9 15:43 package.json -rw-r--r-- 1 root root 224175 Jun 9 15:46 package-lock.json drwxr-xr-x 6 3434 3434 4096 Jun 9 15:43 src -rw-r--r-- 1 3434 3434 519 May 30 23:39 tsconfig.json -rw-r--r-- 1 3434 3434 178 May 30 23:39 tslint.json
Selanjutnya, aktifkan platform Android dan bangun proyek untuk Android dengan perintah berikut:
ionic platform add android
ionic cordova build android
ionic cordova emulate android
Itu dia! Kini Anda dapat dengan mudah membuat aplikasi.