Membuat Aplikasi Android Dengan Ionic – kita lanjutkan kembali dari artikel sebelumnya cara install ionic. pada artikel kali ini saya akan membahas menganai cara membuat aplikasi android dengan ionic. seperti yang sudah saya jelaskan sebelumnya, Ionic digunakan untuk membuat aplikasi mobile hybrid, bukan hanya untuk android saja, akan tetapi bisa juga digunakan untuk membuat aplikasi seperti ios, dan juga windows phone, namun disini saya akan membahas khusus membuat aplikasi android dengan ionic. untuk ios sendiri sama halnya juga dengan android. bedanya hanya pada penambahan platform dan cara build-nya saja yang berbeda,
Cara Membuat Aplikasi Android Dengan Ionic
baik, kita anjutkan. kita akan bermain di command line dalam memulai pembuatan projek/aplikasi menggunakan ionic. langkah pertama yaitu buka dulu command line (CMD). tentukan direktory/tempat yang akan digunakan untuk menyimpan projek aplikasi yang kita buat. misalkan saya disini akan meletakkan projek kedalam partisi C dengan folder ionic.
direktori penyimpanan projek ionic
setelah kita menuju ke direktory penyimpanan projek ionic, langkah selanjutnya ketik perintah berikut untuk membuat aplikasi ionic.
1
ionic start demo1 blank
ionic start merupakan perintah untuk membuat projek ionic.
demo1 merupakan nama dari aplikasi ionic yang kita buat.
blank merupakan template yang kita gunakan pada aplikasi ionic-nya.
Membuat Aplikasi Android Dengan Ionic
tekan n, jika anda tidak ingin membuat akun di ionic lab, dan y jika anda ingin membuat akun ionic lab. berikut tampilan jika aplikasi ionicnya sudah selesai kita buat.
Membuat Aplikasi Android Dengan Ionic
aplikasi ionic siap dibuat, silahkan dicek di rektory yang digunakan pada saat membuat projek.
Membuat Aplikasi Android Dengan Ionic
note : dalam proses membuat projek ionic akan dibutuhkan koneksi dengan internet, dikarenakan projeknya ionic sendiri akan di download.
Template Aplikasi Ionic
sedikit penjelasan tentang template yang bisa digunakan untuk ionic. ionic sendiri menyediakan tiga jenis template yang bisa digunakan pada saat membuat projek ionic, template tersebut berupa blank, tabs, dan sidemenu. gunakan saja salah satu template ini pada saat mengetik perintah membuat aplikasi ionic. berikut contoh nya :
1
2
3
ionic start demo1 balnk//untuk template blank
ionic start demo1 tabs//untuk membuat template tabs
ionic start demo2 sidemenu//untuk membuat template sidemenu
Membuat Aplikasi Android dengan Ionic
untuk membuat aplikasi android dengan ionic, kita bisa menambahkan platform android pada aplikasi ionic yang sudah di buat tadinya. begitu juga dengan ios. cara menambahkan platform tersebut yaitu :
masuk ke direktory aplikasi yang sudak kita buat
menambhkan platform android
gunakan perintah berikut untuk menambahkan platform android pada aplikasi ionic
1
ionic platform add android
menambahkan platform android
platform untuk android sudah siap dibuat.
Menjalankan Aplikasi Ionic Menggunakan Browser
membuat projek dan menambahkan platform android sudah kita siapkan. selanjut bagaimana cara untuk menjalankan aplikasi ionic di browser. oke, langkah pertama pastikan dahulu anda command line anda bera di direktory projek ionic. selanjutnya ketikkan perintah berikut di command line :
1
ionic serve
menjalankan aplikasi ionic di browser
menjalankan aplikasi ionic di browser
oke, selesai sudah artikel Membuat Aplikasi Android Dengan Ionic, pastikan anda membaca secara detail untuk pemahaman artikel ini. karena artikel yang sediakan berstruktur. Artikel selanjutnya akan saya bahas mengenai perintah-perintah command line yang digunakan pada saat proses pembuatan aplikasi menggunakan ionic framework ini.
Muzanni
Algorithms Learner, future lecturer and Happy to sharing about knowledge
Tutorial Ionic Part 11 : Icon Pada Ionic -oke, kita lanjutkan pembahasan tutorial ini, sesuai judulnya pada artikel kali ini akan kita bahas mengenai icon ...
Tutorial Ionic Part 10 : Checkbox pada Ionic – kita lanjutkan pembahasan artikel sebelumnya penggunaan warna pada ionic, pada artikel kali ini kita akan membahas ...
Penggunaan Warna Pada Ionic – kita lanjutkan pembahasan artikel yang kemarin tentang membuat navigasi tab pada ionic. pada artikel ini kita akan membahas penggunaan warna ...
Tutorial Ionic Part 8 : Pengenalan Komponen Tabs Pada Ionic – hallo sahabat malasngoding. terima kasih sudah kembali sduah berkunjung ke malasngoding.com sesuai dengan judulnya, ...
Selamat siang min, izin bertanya saya sudah install, sudah juga buat project baru, tapi saat saya masukkan command: ionic platform add android kok muncul [ERROR] Unable to find command: platform add android, kalau boleh tau kenapa ya??
Download Ebook belajar HTML & CSS dasar untuk pemula gratis.
Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana.
materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.
Selamat siang min, izin bertanya saya sudah install, sudah juga buat project baru, tapi saat saya masukkan command: ionic platform add android kok muncul [ERROR] Unable to find command: platform add android, kalau boleh tau kenapa ya??