Pengembang membutuhkan alat untuk membantu mereka membuat aplikasi dengan cara terbaik. Itu sebabnya ada kerangka kerja yang berbeda. Meskipun baru-baru ini kami membahas CakePHP, hari ini kami akan mengangkat yang sangat aneh karena fokus pada ponsel. Dalam posting ini, Anda akan belajar cara menginstal kerangka kerja Ionic di Ubuntu 20.04.
Apa itu Ionic Framework?
Ionic adalah kerangka kerja yang membantu kami mengembangkan aplikasi hybrid untuk sistem operasi seluler tetapi menggunakan teknologi web. Dengan kata lain, ini memungkinkan kami mengembangkan aplikasi untuk iOS, Android, dan web, dari satu basis kode.
Seperti yang Anda lihat, ini sangat serbaguna dan membantu pengembang untuk menerapkan aplikasi mereka di berbagai lingkungan dengan satu basis kode.
Teknologi web yang digunakan oleh Ionic adalah CSS, JS, dan HTML. Tentang JavaScript, ini terintegrasi dengan mulus dengan Vue, Angular dan ReactJS, mengurangi kurva pembelajaran.
Hari ini Anda akan belajar cara memasangnya.
Instal Ionic Framework di Ubuntu 20.04
Menginstal beberapa paket yang diperlukan
Pertama, sebelum memulai instalasi, Anda harus menginstal beberapa paket agar instalasi dapat dilakukan.
sudo apt update
sudo apt install curl gnupg2 wget git
Di antara paket-paket ini adalah git yang sangat diperlukan untuk membuat seluruh paket Ionic.
Menginstal NodeJS di Ubuntu 20.04
Ionic membutuhkan NodeJS untuk bekerja, jadi kita perlu menginstalnya. Dalam kasus saya, saya akan menginstal versi 16.x tetapi harus bekerja dengan orang lain.
Pertama, tambahkan repositori untuk versi 16.
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -Setelah itu, Anda dapat menginstal NodeJS dengan menjalankan perintah berikut
sudo apt install nodejs
Reading package lists... Done
Building dependency tree
Reading state information... Done
The following NEW packages will be installed:
nodejs
0 upgraded, 1 newly installed, 0 to remove and 49 not upgraded.
Need to get 26.2 MB of archives.
After this operation, 122 MB of additional disk space will be used.
Get:1 https://deb.nodesource.com/node_16.x focal/main amd64 nodejs amd64 16.14.0-deb-1nodesource1 [26.2 MB]
Fetched 26.2 MB in 0s (69.2 MB/s)Sekarang NodeJS telah terinstal dan kita dapat melanjutkan.
Cordova juga diperlukan untuk Ionic
Setelah kita memiliki NodeJS dan NPM, kita dapat melanjutkan instalasi Cordova.
Menurut situs web Apache Cordova:
Cordova adalah kerangka kerja pengembangan seluler sumber terbuka. Ini memungkinkan Anda untuk menggunakan teknologi web standar – HTML5, CSS3, dan JavaScript untuk pengembangan lintas platform.
Maka tidak heran jika Cordova menjadi salah satu syarat untuk menginstall Ionic. Untuk menginstalnya, jalankan saja perintah berikut.
sudo npm install -g cordova
Setelah penginstalan selesai, kita dapat melanjutkan.
Instal Ionic Framework di Ubuntu 20.04
Dengan semua dependensi tercakup, kita dapat menginstal Ionic Framework di Ubuntu 20.04 hanya dengan menjalankan perintah berikut
sudo npm i -g @ionic/cliAnda dapat memverifikasi versi yang diinstal dengan menjalankan
ionic -vContoh Keluaran
6.18.2Membuat proyek baru dengan Ionic
Sekarang kita hanya perlu mulai bekerja. Pertama, kita akan membuat proyek baru dengan menjalankan
ionic start
Ini akan menanyakan apakah kita ingin menggunakan wizard. Saya telah memilih N .
Selama eksekusi perintah, kita akan ditanya kerangka kerja JS yang akan digunakan, nama proyek dan template yang akan digunakan.
Di akhir dan jika tidak ada kesalahan, Anda akan melihat layar output seperti ini:
Ini akan membuat folder baru dengan nama proyek Anda. Akses dan layani proyek.
cd [project-name]
ionic serve
Sekarang, aplikasi akan tersedia di http://localhost:8000 .
Jika Anda menginstal Ionic di mesin virtual atau di server, Anda dapat menentukan host dan portnya
ionic server --host [ip-address] --port [port] Kemudian, buka browser web dan akses alamat yang Anda tetapkan untuk Ionic dan Anda akan melihatnya berfungsi.
Sekarang ya, Ionic bekerja dengan benar, dan kita akan dapat bekerja.
Kesimpulan
Berkat posting ini, Anda belajar cara menginstal ionic Framework di Ubuntu 20.04 menggunakan metode yang sederhana dan mudah. Saya harap postingan ini bermanfaat bagi Anda, dan akan sangat membantu kami jika Anda membagikannya dan berkomentar.