Pada artikel berikutnya kita akan melihat Kerangka Ionic, dan bagaimana itu dapat diinstal di Ubuntu 20.04. Kerangka kerja ini akan memungkinkan pengguna untuk mengimplementasikan proyek dengan kerangka kerja lain seperti Angular. Ionic adalah SDK open source penuh untuk pengembangan aplikasi seluler hybrid yang dibuat oleh Max Lynch, Ben Sperry, dan Adam Bradley dari Drifty Co. pada tahun 2013. Versi aslinya dirilis pada tahun 2013 dan dibangun di atas AngularJS dan Apache Cordova. Namun, versi terbaru dibangun kembali sebagai satu set komponen web, yang memungkinkan pengguna untuk memilih untuk melakukan proyek Angular, React atau Vue.js. Ini juga memungkinkan penggunaan komponen Ionic tanpa kerangka antarmuka pengguna apa pun.
Ionik menyediakan alat dan layanan untuk mengembangkan desktop hibrida, aplikasi web seluler dan progresif berdasarkan praktik dan teknologi pengembangan web modern. Untuk ini, teknologi web seperti CSS, HTML5 dan Sass dapat digunakan. Dengan framework ini kita dapat mengembangkan aplikasi dengan teknologi web yang kompatibel dengan iOS, Android atau web itu sendiri. Ini juga menawarkan alat CLI yang kuat yang dapat digunakan untuk mengelola dan membuat proyek.
Karakteristik umum Ionic
- Kerangka kerja ini gratis dan open source. Ini menawarkan perpustakaan alat dan komponen antarmuka pengguna yang dioptimalkan untuk seluler, yang dapat digunakan untuk membuat aplikasi yang cepat dan sangat interaktif.
- Ionic menggunakan Cordova, dan baru-baru ini plug-in untuk mendapatkan akses ke fungsi sistem operasi host seperti GPS, kamera, senter, dll.
- Pengguna dapat membangun aplikasi mereka dan kemudian menyesuaikannya untuk Android, iOS, Windows, desktop (dengan Electron), atau browser modern.
- Ionik termasuk bagian yang bergerak, tipografi, atau tema dasar yang dapat diperluas.
- Saat menggunakan Komponen Web, Ionic menyediakan komponen dan metode khusus untuk berinteraksi dengannya. Salah satu komponen itu, pengguliran virtual, memungkinkan pengguna menggulir daftar ribuan item tanpa dampak kinerja apa pun. Komponen lain, Tab, membuat antarmuka tab yang mendukung navigasi gaya asli dan manajemen status riwayat.
- Selain SDK, Ionic juga menyediakan pengembang layanan dapat digunakan untuk mengaktifkan fiturseperti penerapan kode atau pembuatan otomatis.
- juga menyediakan IDE sendiri yang dikenal sebagai Ionic Studio.
- Ia juga menawarkan antarmuka dari Garis komando (CLI) untuk membuat proyek. CLI juga memungkinkan pengembang untuk menambahkan plugin dan paket Cordova tambahan, mengaktifkan pemberitahuan push, menghasilkan ikon aplikasi, layar splash, dan membuat binari asli.
Instal Ionic di Ubuntu 20.04
Instalasi kerangka kerja ini cukup sederhana. Untuk memulai kita hanya perlu membuka terminal (Ctrl + Alt + T) dan perbarui paket sistem kami:
sudo apt update; sudo apt upgrade
Maka kami akan melakukannya instal beberapa paket yang diperlukan. Di terminal yang sama kita harus menggunakan perintah:
sudo apt install curl gnupg2 wget git
Langkah selanjutnya adalah instal NodeJS. Contoh ini saya telah menguji dengan versi 14.x. Untuk menginstal versi ini, kita akan mulai dengan menambahkan repositori yang diperlukan:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Lalu kita bisa memasang NodeJS menjalankan perintah lain ini:
sudo apt install nodejs
Ionic membutuhkan Apache Cordova. Harus diklarifikasi bahwa ini adalah seperangkat API perangkat yang memungkinkan pengembang aplikasi seluler, menggunakan JavaScript, untuk mengakses fungsi asli perangkat, seperti kamera atau akselerometer.
Setelah menginstal NodeJS, kita dapat instal cordova berlari:
sudo npm install -g cordova
Pada titik ini, kita dapat melanjutkan ke instal Ionic menggunakan npm:
sudo npm i -g @ionic/cli
Setelah instalasi, kita bisa periksa versi yang diinstal dengan perintah:
ionic -v
Contoh aplikasi
Untuk mengetahui apakah instalasi telah dilakukan dengan benar, kita dapat memulai dengan membuat contoh aplikasi kecil. Untuk melakukan ini, kita hanya perlu jalankan perintah berikut buat contohnya:
ionic start
Saat menjalankan perintah ini Anda harus menentukan jenis proyek yang ingin Anda buat. Untuk contoh ini saya telah memilih Angular. Selain itu, Anda harus memberi nama proyek Anda dan memilih template. Semua ini Anda harus memilih dari layar yang mirip dengan berikut ini:
Setelah pengaturan, folder akan dihasilkan dengan nama yang telah kita berikan ke proyek. Akses folder ini untuk melihat struktur proyek.
Untuk bisa lihat proyeknya, di terminal yang sama kita akan menjalankan perintah lain ini:
ionic serve --host 0.0.0.0 --port 8000
Dengan perintah ini kami akan mengizinkan host mana pun untuk mengakses port 8000.
Ketika semua yang Anda butuhkan telah dimuat, buka browser web Anda dan pergi ke http://localhost:8000 o http://IP-de-tu-servidor:8000 dan Anda akan melihat halaman contoh yang baru saja dibuat.
Ionic adalah kerangka kerja modern yang memungkinkan kita untuk mengembangkan aplikasi lintas platform dengan cara yang sederhana dan elegan. Itu bisa diperoleh informasi dan dokumentasi lebih lanjut tentang pemasangan dan pengoperasiannya di situs proyek.