Dalam artikel seterusnya kita akan melihat Kerangka Ionik, dan bagaimana ia dapat dipasang di Ubuntu 20.04. Rangka kerja ini akan membolehkan pengguna melaksanakan projek dengan kerangka lain seperti Angular. Ionic adalah SDK sumber terbuka penuh untuk pengembangan aplikasi mudah alih hibrid yang dibuat oleh Max Lynch, Ben Sperry, dan Adam Bradley dari Drifty Co. pada tahun 2013. Versi asal dikeluarkan pada tahun 2013 dan dibina di atas AngularJS dan Apache Cordova. Walau bagaimanapun, versi terbaru dibina semula sebagai satu set komponen web, yang membolehkan pengguna memilih untuk melakukan projek Angular, React atau Vue.js. Ia juga membenarkan penggunaan komponen Ionic tanpa kerangka antara muka pengguna.
Ionic menyediakan alat dan perkhidmatan untuk mengembangkan aplikasi web hibrid desktop, mudah alih dan progresif berdasarkan amalan dan teknologi pembangunan web moden. Untuk ini, teknologi web seperti CSS, HTML5 dan Sass dapat digunakan. Dengan kerangka ini kita dapat mengembangkan aplikasi dengan teknologi web yang serasi dengan iOS, Android atau web itu sendiri. Ia juga menawarkan alat CLI yang kuat dengan mana kami dapat mengurus dan membuat projek.
Ciri am Ionic
- Rangka kerja ini adalah sumber terbuka dan terbuka. Ia menawarkan perpustakaan alat dan komponen antara muka pengguna yang dioptimumkan untuk mudah alih, untuk membuat aplikasi cepat dan sangat interaktif.
- Ionic menggunakan Cordova, dan baru-baru ini pemalam untuk mendapatkan akses ke fungsi sistem operasi host seperti GPS, kamera, lampu suluh, dll.
- Pengguna boleh membina aplikasinya dan kemudian menyesuaikannya untuk penyemak imbas Android, iOS, Windows, desktop (dengan Elektron), atau moden.
- Ionic merangkumi bahagian bergerak, tipografi, atau tema asas yang dapat diperluas.
- Apabila menggunakan Komponen Web, Ionic menyediakan komponen dan kaedah khusus untuk berinteraksi dengannya. Salah satu komponen tersebut, tatal maya, membolehkan pengguna menelusuri senarai ribuan item tanpa kesan prestasi. Komponen lain, Tab, membuat antara muka tab yang menyokong navigasi gaya asli dan pengurusan status sejarah.
- Selain SDK, Ionic juga menyediakan pembangun perkhidmatan boleh digunakan untuk mengaktifkan ciriseperti pelaksanaan kod atau binaan automatik.
- juga menyediakan IDE sendiri yang dikenali sebagai Ionic Studio.
- Ia juga menawarkan antara muka Baris arahan (CLI) untuk membuat projek. CLI juga membolehkan pemaju menambah pemalam dan pakej Cordova tambahan, mengaktifkan pemberitahuan push, menghasilkan ikon aplikasi, skrin percikan, dan membuat binari asli.
Pasang Ionic pada Ubuntu 20.04
Pemasangan rangka ini agak mudah. Untuk memulakan, kita hanya perlu membuka terminal (Ctrl + Alt + T) dan kemas kini pakej sistem kami:
sudo apt update; sudo apt upgrade
Kemudian kita akan pasang beberapa pakej yang diperlukan. Di terminal yang sama kita harus menggunakan arahan:
sudo apt install curl gnupg2 wget git
Langkah seterusnya adalah pasang NodeJS. Contoh ini telah saya uji dengan versi 14.x. Untuk memasang versi ini, kita akan mulakan dengan menambahkan repositori yang diperlukan:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Maka kita boleh memasang NodeJS menjalankan perintah lain ini:
sudo apt install nodejs
Ionic memerlukan Apache Cordova. Perlu dijelaskan bahawa ini adalah sekumpulan API peranti yang memungkinkan pengembang aplikasi mudah alih, menggunakan JavaScript, untuk mengakses fungsi asli perangkat, seperti kamera atau akselerometer.
Selepas memasang NodeJS, kita dapat pasang cordova berjalan:
sudo npm install -g cordova
Pada ketika ini, kita boleh beralih ke pasang Ionic menggunakan npm:
sudo npm i -g @ionic/cli
Selepas pemasangan, kita dapat periksa versi terpasang dengan arahan:
ionic -v
Aplikasi contoh
Untuk mengetahui apakah pemasangan telah dilakukan dengan betul, kita boleh memulakan dengan membuat aplikasi contoh kecil. Untuk melakukan ini, kita hanya perlu jalankan arahan berikut buat contohnya:
ionic start
Semasa menjalankan arahan ini anda mesti menentukan jenis projek yang ingin anda buat. Untuk contoh ini saya telah memilih Angular. Di samping itu, anda perlu memberikan nama projek anda dan memilih templatnya. Semua ini mesti anda pilih dari skrin yang serupa dengan yang berikut:
Selepas persediaan, folder akan dihasilkan dengan nama yang telah kami berikan untuk projek tersebut. Akses folder ini untuk melihat struktur projek.
Untuk dapat melihat projek, di terminal yang sama kita akan melaksanakan perintah lain ini:
ionic serve --host 0.0.0.0 --port 8000
Dengan arahan ini kami akan membenarkan mana-mana hos mengakses port 8000.
Apabila semua yang anda perlukan dimuatkan, buka penyemak imbas web anda dan pergi ke http://localhost:8000 o http://IP-de-tu-servidor:8000 dan anda akan melihat halaman contoh yang baru sahaja dibuat.
Ionic adalah kerangka moden yang membolehkan kita mengembangkan aplikasi lintas platform dengan cara yang sederhana dan elegan. Ia boleh diperoleh lebih banyak maklumat dan dokumentasi mengenai pemasangan dan pengoperasiannya di laman web projek.