Tutorial Ionic Part 1 : Cara Instal Ionic Framework pada Windows

Pada artikel kali saya akan membahas cara instal ionic, lanjut dari artikel sebelumnya pengenalan ionic framework. untuk instalasi ionic sendiri berbeda-beda menurut sistem operasi yang digunakan. namun saya disini menggunakan sistem operasi windows.

dalam menginstall ionic menggunakan command line NodeJs. berikut beberapa tool yang harus di persiapkan terlebih dahulu sebelum proses install ionic. tool tersebut adalah :

• NodeJS
• Java JDK
• Apache Ant
• Android SDK

Download dulu masing-masing tool tersebut, tool ini sangat kita butuhkan dalam proses instalasi, jika salah satu dari tool ini tidak terinstall maka akan akan terjadi error pada saat kita melakukan pengkodingan nantinya.

Langkah-langkah Instalasi ionic

Saya tekankan lagi, download dulu tool yang sudah di list di atas. berikut tahap-tahap cara instal ionic di windows khusunya.

install NodeJS. yang pertama harus kita lakukan adalah menginstall nodeJS. NodeJS sediri berfungsi untuk mengeksekusi aplikasi server. salah satu fungsinya yaitu kita bisa mengakses npm (perintah yang akan digunakan untuk menginstall salah satunya ionic). langkah-langkah instalasinya sama dengan proses kita menginstall aplikasi lain di windows.

Install Java JDK. sama halnya dengan menginstall node js, pada category java saya sudah menjelaskan cara instalasi java jdk. silahkan dibaca kembali untuk memehami cara instalasi java-nya. fungsi java disini adalah kita memerlukannya ketika mengkompile aplikasi ionic yang kita buat.

apache ant. setelah apache ant-nya di download, ekstrak terlebih dahulu dan letakkan pada direktori yang diinginkan (disini saya meletakkan apache ant ini di partisi C). sebenarnya apache ant ini tidak di install seperti aplikasi lainnya, dia hanya perlu di ekstrak dan di path (berfungsi ketika kita mamanggil lewat cmd) . spenjelasan path akan saya jelaskan di bawah.

Intall android SDK. untuk android sdk sendiri ada yang android sdk-nya aja dan ada juga yang sudah di gabungkan dengan android studio. jadi anda anda tinggal memilih salah satunya. jika memiih android anda bisa mendownload dan menginstall android studio. intinya kita memerlukan android sdk ini untuk menjalankan aplikasi yang kita buat nantinya, dan selain itu android sdk ini juga perlu ketika kita membuild aplikasi android yang menggunakan ionic.

tahap instalasi tool yang kita perlukan untuk ionic sudah tersedia semua. berikut akan saya jelaskan cara melakukan path environment variabel. fungsi path disini salah satunya untuk memudahkan kita dalam memanggil aplikasi lewat CMD.

Cara Melakukan Path Environment

Sebelum ke tahap instalasi ionic, kita harus melakukan path environtment untuk tiap-tiap tool yang sudah kita install tadinya. berikut langkah-langkah melakukan path environment untuk tiap-tiap tool.

Path NodeJS. setelah melakukan instalasi NodeJS, ada yang sudah di path langsung, dan ada juga yang belum. untuk melihat apakah nodeJS yang sudah kita install sudah di path atau belum kitikkan perintah berikut di CMD

node -v

 jika tidak tampil seperti ini maka anda belum melakukan path untuk nodeJS. berikut cara melakukan path environtmmen untuk NodeJS. klik kanan pada my computer pilih properties-advanced System setting-environment variables..  klik pada variabel PATH pilih edit dan tambahkan C:\Users\c13\AppData\Roaming\npm (sesuaikan dengan direktori npm komputer anda).

Path Java JDK. untuk java jdk, klik kanan my computer pilih properties-advanced System setting-environment variables.. pilih new dan tambahkan seperti yang di gambar berikut :

untuk direktori java jdk sesauikan dengan yang ada di komputer anda. klik pada path pilih edit dan tambahkan seperti langkah-langkah pada gambar berikut :

sebenarnya path untuk java bisa dilakukan langsung,  caranya tambahkan direktory java untuk folder bin-nya kedalam path. untuk lebih jelas perhatikan gambar berikut :

path apache ant. untuk path environtment apache ant sama seperti kita malakukan path nodeJS dan java jdk. klik pada PATH pilih edit dan tambahkan direktori apache ant/bin yang sudah kita ekstrak tadinya.untuk lebih jelas perhatikan gambar berikut :

path android sdk. ini sama halnya dengan tool lain.  klik new dan tulis seperti di gambar :

untuk variable value, sesuaikan dengan letak android sdk di komputer anda. langkah selanjutnya klik pada PATH tekan tombol EDIT tambahkan direktory android sdk, contohnya seperti berikut : %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

selesai sudah kita melakukan path terhadap masing-masing tool yang dibutuhkan untuk membuat aplikasi dengan ionic.

Cara Instal Ionic

menuju ke langkah instalasi ionic. setelah kita melakukan instalasi dan path masing-masing dari tool yang dibutuhkan, selanjutnya kita mencoba melakukan instalasi ionic. buka command line (CMD) ketikkan perintah berikut :

npm install -g ionic cordova

ini akan membutuhkan beberapa saat sampai instalasi selesai. waktu yang dibutuhkan-pun tergantung pada kecepatan koneksi internet. berikut gambar instal ionic

untuk melihat dokumentasi lengkap framework ionic bisa pelajari lansung di web resmi ionicframework.com disini sudah sediakan dukumentasi yang sangat lengkap berbahasa ingris.