Sa susunod na artikulo ay titingnan natin ang Ionic Framework, at kung paano ito mai-install sa Ubuntu 20.04. Papayagan ng balangkas na ito ang mga gumagamit na magpatupad ng mga proyekto sa iba pang mga balangkas tulad ng Angular. Ang Ionic ay isang buong bukas na mapagkukunan SDK para sa hybrid mobile app development na nilikha ni Drifty Co.'s Max Lynch, Ben Sperry, at Adam Bradley noong 2013. Ang orihinal na bersyon ay inilabas noong 2013 at itinayo sa tuktok ng AngularJS at Apache Cordova. Gayunpaman, ang pinakabagong bersyon ay itinayong muli bilang isang hanay ng mga bahagi ng web, kung saan Pinapayagan ang gumagamit na pumili na gawin ang mga proyekto sa Angular, React o Vue.js. Pinapayagan din nito ang paggamit ng mga bahagi ng Ionic nang walang anumang framework ng interface ng gumagamit.
Ionic nagbibigay ng mga tool at serbisyo upang paunlarin ang hybrid desktop, mobile at progresibong mga aplikasyon ng web batay sa modernong mga kasanayan at teknolohiya sa pag-unlad ng web. Para dito, maaaring magamit ang mga teknolohiya sa web tulad ng CSS, HTML5 at Sass. Sa balangkas na ito maaari naming mabuo ang mga application na may mga teknolohiya sa web na katugma sa iOS, Android o sa web mismo. Nag-aalok din ito ng isang malakas na tool ng CLI kung saan magagawa naming pamahalaan at lumikha ng mga proyekto.
Pangkalahatang katangian ng Ionic
- Ang balangkas na ito ay libre at bukas na mapagkukunan. Nag-aalok ito ng isang silid-aklatan ng mga tool ng interface ng gumagamit na na-optimize ng mobile, na kung saan upang lumikha ng mabilis at lubos na interactive na mga application.
- Gumagamit ang Ionic ng Cordova, at mas kamakailan-lamang na mga plug-in upang makakuha ng pag-access sa host ng mga pagpapaandar ng operating system tulad ng GPS, camera, flashlight, atbp.
- Ang mga gumagamit ay maaaring lumikha ng kanilang mga application at pagkatapos ay ipasadya ang mga ito para sa Android, iOS, Windows, desktop (na may Elektron) o mga modernong browser.
- Ionic may kasamang mga gumagalaw na bahagi, palalimbagan, o isang napapalawak na tema ng batayan.
- Kapag gumagamit Mga Bahagi ng Web, Nagbibigay ang Ionic ng mga pasadyang bahagi at pamamaraan upang makipag-ugnay sa kanila. Ang isa sa mga sangkap na iyon, ang virtual na pag-scroll, ay nagbibigay-daan sa mga gumagamit na mag-scroll sa isang listahan ng libu-libong mga item nang walang anumang epekto sa pagganap. Ang isa pang bahagi, ang Mga Tab, ay lumilikha ng isang naka-tab na interface na sumusuporta sa pag-navigate sa istilong katutubong at pamamahala sa katayuan ng kasaysayan.
- Bilang karagdagan sa SDK, nagbibigay din ang Ionic maaaring magamit ng mga developer ng serbisyo upang paganahin ang mga tampoktulad ng mga pag-deploy ng code o awtomatikong pagbuo.
- Rin nagbibigay ng sarili nitong IDE na kilala bilang Ionic Studio.
- Nag-aalok din ito ng isang interface ng Linya ng utos (CLI) upang lumikha ng mga proyekto. Pinapayagan din ng CLI ang mga developer na magdagdag ng karagdagang mga plug-in at package ng Cordova, paganahin ang mga notification sa push, bumuo ng mga icon ng app, splash screen, at lumikha ng mga katutubong binary.
I-install ang Ionic sa Ubuntu 20.04
Ang pag-install ng balangkas na ito ay medyo simple. Upang magsimula kailangan lang namin buksan ang isang terminal (Ctrl + Alt + T) at i-update ang aming mga package ng system:
sudo apt update; sudo apt upgrade
Pagkatapos ay gagawin namin i-install ang ilang kinakailangang mga pakete. Sa parehong terminal kakailanganin naming gamitin ang utos:
sudo apt install curl gnupg2 wget git
Ang susunod na hakbang ay magiging i-install ang NodeJS. Ang halimbawang ito ay nasubukan ko sa bersyon 14.x. Upang mai-install ang bersyon na ito, magsisimula kami sa pamamagitan ng pagdaragdag ng kinakailangang imbakan:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Pagkatapos ay maaari naming i-install NodeJS pagpapatakbo ng iba pang utos na ito:
sudo apt install nodejs
Kailangan ng Ionic si Apache Cordova. Dapat itong linawin na ito ay isang hanay ng mga API ng aparato na nagpapahintulot sa developer ng mobile application, na gumagamit ng JavaScript, upang ma-access ang mga katutubong pag-andar ng aparato, tulad ng camera o ang accelerometer.
Matapos mai-install ang NodeJS, maaari naming i-install ang cordova tumatakbo:
sudo npm install -g cordova
Sa puntong ito, maaari tayong magpatuloy sa i-install ang Ionic gamit ang npm:
sudo npm i -g @ionic/cli
Pagkatapos ng pag-install, maaari naming suriin ang naka-install na bersyon na may utos:
ionic -v
Isang halimbawang aplikasyon
Upang malaman kung ang pag-install ay natupad nang tama, maaari kaming magsimula sa pamamagitan ng paglikha ng isang maliit na halimbawa ng application. Upang magawa ito, magagawa lamang natin patakbuhin ang sumusunod na utos lumikha ng halimbawa:
ionic start
Kapag tumatakbo ang utos na ito kakailanganin mong tukuyin kung anong uri ng proyekto ang nais mong likhain. Para sa halimbawang ito pinili ko ang Angular. Bilang karagdagan, kakailanganin mong bigyan ang iyong proyekto ng isang pangalan at piliin ang template. Ang lahat ng ito ay kailangan mong pumili mula sa isang screen na katulad ng sumusunod:
Pagkatapos ng pag-set up, ang isang folder ay malilikha kasama ang pangalang ibinigay namin sa proyekto. I-access ang folder na ito upang makita ang istraktura ng proyekto.
Sa tingnan ang proyekto, sa parehong terminal ay isasagawa namin ang iba pang utos:
ionic serve --host 0.0.0.0 --port 8000
Sa utos na ito papayagan namin ang sinumang host na ma-access ang port 8000.
Kapag na-load ang lahat ng kailangan mo, buksan ang iyong web browser at pumunta sa http://localhost:8000 o http://IP-de-tu-servidor:8000 at makikita mo ang halimbawang pahina na nilikha lamang.
Ang Ionic ay isang modernong balangkas na nagbibigay-daan sa amin upang bumuo ng mga application ng cross-platform sa isang simple at matikas na paraan. Maaari itong makuha karagdagang impormasyon at dokumentasyon tungkol sa pag-install at pagpapatakbo nito sa website ng proyekto.