Sebelum memulai untuk memasang atau instal aplikasi ionic framework ini di home windows, kamu harus memiliki beberapa aplikasi pendukung atau bisa saja disebut plugin. Ionic digunakan untuk membangun sebuah aplikasi cell dengan menggunakan bahasa web site seperti HTML5, CSS, PHP serta javascript dan lainnya.
Hal yang perlu diperhatikan dan kamu obtain terlebih dahulu sebelum melakukan pemasangan ionic di home windows kamu. Ionic adalah sebuah net developer construct untuk para developer untuk membuat aplikasi berbasis hybrid apple, android, ios dan sebagainya.
1. Git Home windows
Kamu dapat mendownload di hyperlink berikut dengan mengunjungi situs Git Home windows untuk ionic di google atau mengunjungi Hyperlink: Git Windows
2. Membutuhkana NodeJs
Kamu bisa mendownload NoeJs untuk keperluan ionic melalui pencari google dengan mengetikan obtain NodeJs atau dengan mengunjungi Hyperlink: NodeJs
3. Aplikasi Command Immediate Home windows
Aplikasi CMD adalah aplikasi terminal home windows bawaan atau default sudah ada di system home windows sendiri baik home windows 7, home windows 8, home windows 10 dan lain-lain.
4. Java JDK Replace
Cara Set up Ionic Framework di Home windows
1. Pertama Set up JDK Path Terbaru
https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png
https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png
https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png
https://boimeningkat.com/wp-content/uploads/2022/10/angular-java-jdk.png
Dan apabila ada tampilan aneh saat proses penginstalan ionic, silahkan letakan komentar kamu dibawah postingan beirkut ini ya.
Beberapa kasus saat proses pemasangan nodeJs akan banyak kasus, misalkan sepeperti kasus dimana muncul tampilan Shell di komputer ketika selesai pemasangan nodeJs
** Tampilan diatas, Disarankan menunggu tampilan tersebut sampai selesai pemasangan beberapa plugin atau listing misalkan seperti python dan visible studio. Dibutuhkan koneksi web agar pemasangan tersebut dapat dilakukan sampai selesai 100% dan penuh sabar.
Setelah semua selesai. Reqruitment untuk penginstalan Ionic. Kembali lagi ke situs Ionic Framework di ionicframework.com untuk memahami lebih banyak tentang ionic.
3. Selanjutnya pada pada Enviroment Variables ubah dan arahkan ke java sdk bin terbaru secara default yaitu C:Program FilesJavajdk-15.0.1bin
4. Langkah semua nya sudah terinstal, Agar dapat menginstall ionic adalah dengan cara membuka Command Immediate secara Administrator ya. Seperti gambar berikut
Selanjutnya menginstal ionic dengan mengetikkan npm set up -g ionic dan pastikan koneksi web mu lancar dan tidak lelet. Gambar proses instal npm seperti berikut.
5. Setelah pemasangan semua selesai dengan benar, maka kamu bisa membuat aplikasi pertama di ionic dengan menggunakan perintah ionic begin myApp tabs dan kamu bisa memilih framework Angular atau React
Seperti pada gambar berikut
Pada konteks diatas, kita memilih angular js dahulu ya. Dengan menekan tombol keyboard kamu dapat memilih kebawah dan keatas. Lalu tekan enter.
Proses pemasangan ionic untuk folder app kamu akan siap di pasang menggunakan framework ionic, pastikan koneksi web kamu stabil dan kencang sampai semua terpasang dengan baik. Seperti gambar berikut ini
Ketikan saja sure atau Y untuk informasi selanjutnya, segala information aktivitas kamu di amankan atau dibawah aturan google.
Selesai tampilan undertaking berhasil di create dengan nama Myapp seperti tampilan berikut ini
Ketikan saja sure atau Y untuk informasi selanjutnya, segala information aktivitas kamu di amankan atau dibawah aturan google.
Selesai tampilan undertaking berhasil di create dengan nama Myapp seperti tampilan berikut ini
Penjelasan beberapa Subsequent Steps diatas adalah;
cd .myApp adalah nama listing atau folder yang berhasil di create tadi dengan perintah began ionic diatas kalau teman-teman ingat kita pernah mengetikan perintah tersebut. Lalu terbentuklah folder dengan undertaking yang sudah di obtain ke dalam komputer PC kamu sendiri
ionic serve adalah perintah untuk menjalankan program undertaking yang sudah dibuat tadi, agar dapat ditampilkan di browser atau smartphone dibutuh perintah ionic serve tersebut
Silahkan masuk ke folder myApp dengan mengetikan perintah cd myApp maka listing path di command immediate akan berubah dari D:BOIM menjadi D:BOIMmyApp seperti terlihat pada gambar berikut ini
Selanjutnya untuk menjalankan undertaking tersebut cukup ketikan perintah ionic serve pada listing yang sudah diubah sebelumnya. Seperti tampilan berikut
Selanjutnya compiling undertaking berhasil dan akan membuka sebuah jendela default browser kamu. Venture ditampilkan layaknya aplikasi android yang berada dan tampil dibrowser. Seperti gambar contoh berikut
Sukses dan selesai pemasangan ionic beserta pembuatan undertaking pertama di ionic terbaru 2020, Cara set up ionic framework di home windows dapat kamu coba pada versi Home windows 7 / 8 / 10 dengan particulars yang hampir mirip prosesnya.
Apabila kamu memiliki keluh kesah pada langkah dan tutorial diatas, boleh kamu berikan komentar agar saya bisa bantu jawab. Terima kasih.
