Sebelumnya saya sudah menjelaskan tentang Software Framework Ionic yang dapat dengan mudah membuat Aplikasi APK Android. Jika anda belum mengetahui ada bainya anda membaca terlebih dahulu Pengenalan Framework Ionic. Nah dalam Kesempatan ini saya akan share kan bagaimana cara menginstal Aplikasi Framework Ionic mulai dari mendownload Jamu-jamu nya sampai dapat digunakan untuk membuat aplikasi.
Berikut Tutorial membuat APK android dengan Framework Ionic :
Langkah-langkah pertama yang agan siapin aplikasi pendukung nya adalah sebagai berikut :
- Ionic lab silahkan download di link ini
- Android sdk manager silahkan download di link ini
Ok setelah semua aplikasi sudah selesai di sedot mari kita pasang satu persatu.
1. Apache agan extract di drive agan senangin Terserah dimana aja asal jangan tong sampah :V.
Contoh ane punya seperti tampak dibawah ini :
2. Langkah selanjutnya agan install node js nya, seperti biasa aja gan next, next, dan finish :).
3. Install SDK Managernya
hehe mungkin di sini deh waktu sangat membosankan, tapi tenang aja gan, tinggal bikin 1 cangkir kopi untuk menemanin kita. Ok kopi ud siap,
4. Selanjutnya agan atur PATCHnya cara nya. Agan buka control panel kemudian agan search dan ketikan environmen, lalu agan klik edit the system environmen, kemudian klik environmen variabel lalu klik new buat nama variabel nya PATH, lalu Variabel Value nya aga kopi folder bin apache yang agan extrak tadi contoh
Begitu juga dengan andrid sdk.
Contoh ane punya seperti tampak dibawah ini :
Untuk android sdk ada 2 folder yang mau di kopi �platform-tools� dan �tools� = E:\Android\apache-ant-1.9.6\bin;E:\Software\software android\android-sdk-windows\platform-tools;E:\Software\software android\android-sdk-windows\tools".
5. Ok langkah selanjut agan buka cmd kemudia agan install Cordova dan ionic dengan cara agan ketik �npm install �g cordova ionic� no tanda petik, dengan sarat agan harus terkoneksi internet
6. Setelah selai penginstall cordova dan ionic agan install ionic lab. Setelah selesai mulai deh merancang apk.
Pertama buka ionic lab lalu agan klik + new app kemudian agan buat nama app yang mau agan buat, kemudia agan browse kemana tempat folder mau disimpan, lalu pilih kategori contoh yang kita pakai sideMenu, kemudian create app
Contoh ane punya seperti tampak dibawah ini :
7. Untuk menampilkan ke browser atau agan mau lihat hasilnya, agan tinggal buka cmd kemudian agan masuk ke direktori yang agan save pada create new app tadi.
Contoh ane punya seperti tampak dibawah ini :
Lalu agan ketik coding �ionic serve �lab� hasil seperti ini
Selesai. Untuk Aplikasi Tambahan dalam Mengedit, Agan dapat menggunkan Aplikasi pihak ke-3 seperti Notepad ++ , Dreamweaver dan Editor HTML lainnya. Semoga bermanfaat ya gan. Jika ada pertanyaa silahkan comment dibawah ini :
