WELCOME

Berbagi info, sharing, pengalaman.

Header Ads

Kamis, 03 Oktober 2019

Tutorial Install Ionic Android

0 comments


Assalamualaikum Wr Wb.. Hello salam sejahtera bagi kita semua :)

Ionic adalah sebuah framewok aplikasi mobile berbasis HTML5 yang dapat digunakan untuk mengembangkan apikasi mobile dengan teknologi web seperti HTML, CSS, dan Javascript. Dengan menggunakan Ionic, para developer web bisa membuat aplikasi lintas platform seperti untuk Android dan iOS.

Dengan menggunakan Ionic, para developer web tidak perlu belajar bahasa pemrograman Java, Objective C, atau C# untuk membuat aplikasi mobile karena mereka cukup menggunakan ilmu mereka di bahasa pemrograman web.

Langsung saja, sebelum kita menginstall Ionic, kita harus menginstall beberapa software pendukungnya terlebih dahulu. Di antaranya yaitu : JDK, Git, Node JS, VSCode.


Jika belum punya softwarenya silahkan download di sini :
2.     Git-2.16.2-64-bit
3.     node-v8.10.0-x64 

Setelah selesai mendownload jdk-12.0.2_windows-x64_bin  kemudian langsung install saja, kurang lebihnya seperti berikut :





 


Nah setelah selesai install JDK, selanjutnya kita menginstall Git-2.16.2-64-bit yang sudah terdownload tadi, kurang lebih seperti berikut :














Setelah berhasil, kemudian kita menginstall Node.js. Di sini saya menggunakan node-v8.10.0-x64
Proses penginstallan seperti berikut :








Untuk mengetahui apakah sudah terinstall atau belum , kita bisa cek di cmd :
  • Buka cmd / shotcut dengan pencet gambar windows dan R di windows secara bersamaan , kemudian ketik cmd :
  •  ketik 'node -v' akan keluar tampilan seperti di bawah dan akan ada versi dari nodeJS nya ,ini berarti sudah terinstall.


  • Jika keluar error seperti :
    ‘node’ is not recognized as an internal or external command,
    operable program or batch file.

    Berarti Anda belum setting pathnya, cara setting path :
Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.


Nah, selanjutnya kita menginstall VSCodeSetup-x64-1.24.1 seperti berikut :








Setelah semua langkah di atas selesai, kita akan masuk tahap Install Ionicnya.
Sebelum mulai ke install ionic nya , kita harus buat folder di dalam salah satu directori , misal D:\LATIHAN\MYAPP 
Setelah semua sudah di install kemudian buka cmd lagi :
  • ketik 'D:'  
  • Kemudian   'CD LATIHAN'
  • Then 'CD MYAPP'      ENTER
  • ketik 'npm -v' , nanti akan keluar versi nya 


Kemudian ketik 'npm install -g cordova', maka akan ada tampilan seperti ini :



Ditunggu saja prosesi mengunduh sourcenya sampai selesai.






  •   Setelah itu kita bisa install IONIC nya dengan mengetikkan 'npm install -g ionic' , maka akan otomatis mendownload 






Jika sudah selesai, kita bisa mengcheck versi ionic dengan mengetik pada cmd :’ionic -v”




Setelah semuanya berhasil, silahkan coba buka aplikasinya dengan cara sepeti berikut : 

Selamat belajar berkreasi :)

Sekian tutorial dari saya bila ada kekurangan dan kesalahan saya pribadi mohon maaf..
Terimakasih







Tidak ada komentar:

Posting Komentar