Pada sesi ini saya akan membahas tentang bagaimana cara install ionic, dari artikel sebelumnya kita sudah kenalan dengan framework ionic. Untuk instalasi cukup berbeda ditiap operasi sistemnya, namun kali ini kita akan fokus instalasi ionic di ubuntu.

Sebagian besar tools di CLI didasarkan pada Node dan dikelola melalui NPM (Node Package Manager). Cara tercepat untuk install Node dan npm di operasi sistem adalah dengan melalui penginstallan NodeJs.

NodeJs adalah perankat lunak yang didesain utuk mengembangkan aplikasi berbasis web dan ditulis dalam bahasa pemrograman JavaScript. Dengan begitu NodeJs bisa memungkinkan berjalan di sisi server.

Berikut adalah langkah-langkah instalasi Ionic di Ubuntu

Step 1 – Install OpenJDK (Java Development Kit 13)

Pada saat penulisan artikel ini, versi LTS Java adalah versi 13. Ikuti perintah ini untuk penginstallan OpenJDK 13 pada Ubuntu.

Update paket index dengan perintah:

sudo apt-get update

Setelah paket diperbarui, selanjutnya install paket OpenJDK :

sudo apt install default-jdk

coba kita cek versi OpenJDKnya dengan perintah ini:

java -version

Kalau tidak bisa dengan bisa ditambah sudo di depannya jadi sudo java -version.
Nanti outputnya akan seperti ini:

openjdk version "11.0.2" 2019-01-15
OpenJDK Runtime Environment (build 11.0.2+9-Ubuntu-3ubuntu118.04.3)
OpenJDK 64-Bit Server VM (build 11.0.2+9-Ubuntu-3ubuntu118.04.3, mixed mode, sharing)

Step 2 – Add PPA NodeJs

Tambahkan PPA ke sistem untuk menginstall NodeJs di ubuntu
Gunakan Rilis Saat Ini: Pada pembaruan terakhir tutorial ini, Node.js 12 adalah rilis Node.js saat ini yang tersedia.

sudo apt-get install curl
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

Tunggu proses instalasi PPA NodeJs hingga selesai.

add PPA NodeJs

Step 3 – Install NodeJs

Sekarang jalankan perintah dibawah ini untuk menginstall NodeJs dan NPM akan ikut terinstall juga.

sudo apt-get install -y nodejs

Ketik “Y” lalu Enter dan tunggu proses instalasi sampai selesai.

Install NodeJS dan NPM

Step 4 – Check NodeJs dan NPM Version

Setelah install NodeJs lakukan pengecekan versi yang diinstall. Teman-teman dapat menemukan detail lebih lanjut tentang versi saat ini di web official NodeJs.

node -v
npm -v

Step 5 – Install Cordova dan Ionic

Apache cordova adalah framework untuk pengembangan aplikasi mobile open source. yang memingkinkan untuk menggunakan teknologi web seperti HTML, CSS, dan JavaScript untuk pengembangan multiplatform.
Sekarang ikuti pertintah dibawah ini untuk install cordova dengan perintah npm.

sudo npm install -g ionic cordova

Cek paket yang sudah teman-teman install, kurang lebih gambarnya seperti dibawah ini:

Versi tiap paket

Step 5 – Buat Aplikasi dengan Ionic

Sekarang kamu bisa membuat projek baru dengan mengikuti perintah berikut:

ionic start helloWorld blank --type=ionic-angular

Setelah proses download project selesai, untuk menjalankan project teman-teman bisa masuk ke directory nama projectnya, misal disini saya menggunakan nama helloWorld, lalu aku pingin jalankan nih project. cara masuk dulu ke directory helloWorld.

cd helloWorld

Lalu tuliskan perintah berikut untuk menjalankan project dibrowser

ionic serve

Nanti akan muncul IP/alamat local sama Portnya seperti dibawah, copy dan paste http://localhost:8100 dibrowser teman-teman.

Kurang lebih hasilnya akan seperti ini:

Sampai disini dulu teman-teman, nantik kita akan bahas lebih dalam lagi terkait dengan Ionic.
Jangan lupa bagikan artikel ini ketema-teman kalian agar mendapatkan ilmunya juga.

Happy Coding

LEAVE A REPLY

Please enter your comment!
Please enter your name here