U sljedećem članku ćemo pogledati Ionic Framework i kako se može instalirati na Ubuntu 20.04. Ovaj će okvir omogućiti korisnicima implementaciju projekata s drugim okvirima, poput Angular. Ionic je kompletni SDK otvorenog koda za razvoj hibridnih mobilnih aplikacija koji su stvorili Max Lynch, Ben Sperry i Adam Bradley iz tvrtke Drifty Co. 2013. Originalna verzija objavljena je 2013. godine i izgrađena je na vrhu AngularJS -a i Apache Cordove. Međutim, najnovija verzija obnovljena je kao skup web komponenti, koje omogućuje korisniku da odabere raditi Angular, React ili Vue.js projekte. Također dopušta upotrebu ionskih komponenti bez ikakvog okvira korisničkog sučelja.
jonski pruža alate i usluge za razvoj hibridnih stolnih, mobilnih i progresivnih web aplikacija temeljenih na suvremenoj praksi i tehnologiji web razvoja. Za to se mogu koristiti web tehnologije kao što su CSS, HTML5 i Sass. S ovim okvirom možemo razvijati aplikacije s web tehnologijama kompatibilnim s iOS -om, Androidom ili samim internetom. Također nudi snažan CLI alat s kojim ćemo moći upravljati i stvarati projekte.
Opće karakteristike jonskog
- Ovaj okvir je besplatan i otvorenog koda. Nudi biblioteku alata i komponenti korisničkog sučelja optimiziranog za mobilne uređaje s kojima se stvaraju brze i visoko interaktivne aplikacije.
- Ionic koristi Cordovu, i u novije vrijeme dodaci za pristup funkcijama operacijskog sustava domaćina kao što su GPS, kamera, svjetiljka itd.
- Korisnici mogu izraditi svoje aplikacije, a zatim ih prilagoditi za Android, iOS, Windows, stolna računala (s Electronom) ili moderne preglednike.
- jonski uključuje pokretne dijelove, tipografiju ili proširivu osnovnu temu.
- Prilikom korištenja Web komponente, Ionic nudi prilagođene komponente i metode za interakciju s njima. Jedna od tih komponenti, virtualno pomicanje, omogućuje korisnicima da se kreću po popisu tisuća stavki bez utjecaja na performanse. Druga komponenta, Tabs, stvara sučelje s karticama koje podržava navigaciju i upravljanje statusom povijesti u izvornom stilu.
- Osim SDK -a, Ionic također nudi usluge koje programeri mogu koristiti za omogućavanje značajkikao što su implementacije koda ili automatizirane verzije.
- također pruža vlastiti IDE poznat kao Ionic Studio.
- Također nudi sučelje za Naredbeni redak (CLI) za izradu projekata. CLI također omogućuje programerima da dodaju dodatne dodatke i pakete Cordova, omogućuju push obavijesti, generiraju ikone aplikacija, zaslone i stvaraju izvorne binarne datoteke.
Instalirajte Ionic na Ubuntu 20.04
Instalacija ovog okvira prilično je jednostavna. Za početak samo moramo otvoriti terminal (Ctrl + Alt + T) i ažurirajte naše sistemske pakete:
sudo apt update; sudo apt upgrade
Tada ćemo instalirajte neke potrebne pakete. U istom terminalu morat ćemo koristiti naredbu:
sudo apt install curl gnupg2 wget git
Sljedeći će korak biti instalirajte NodeJS. Ovaj primjer sam testirao s verzijom 14.x. Da biste instalirali ovu verziju, počet ćemo dodavanjem potrebnog spremišta:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Onda možemo instalirati NodeJS izvođenje ove druge naredbe:
sudo apt install nodejs
Ionic zahtijeva Apache Cordovu. Treba pojasniti da se radi o skupu API -ja uređaja koji razvojnom programeru mobilnih aplikacija omogućuje korištenje JavaScripta za pristup izvornim funkcijama uređaja, poput kamere ili mjerača ubrzanja.
Nakon instaliranja NodeJS -a možemo instalirajte cordova trčanje:
sudo npm install -g cordova
Na ovom mjestu možemo prijeći na instalirajte Ionic pomoću npm:
sudo npm i -g @ionic/cli
Nakon instalacije možemo naredbom provjerite instaliranu verziju:
ionic -v
Primjer aplikacije
Kako bismo znali je li instalacija ispravno izvedena, možemo početi stvaranjem malog primjera aplikacije. Da bismo to učinili, samo ćemo morati pokrenite sljedeću naredbu stvorite primjer:
ionic start
Prilikom izvršavanja ove naredbe morat ćete definirati koju vrstu projekta želite stvoriti. Za ovaj primjer odabrao sam Angular. Osim toga, morat ćete svom projektu dati naziv i odabrati predložak. Sve ovo morate odabrati s zaslona sličnog sljedećem:
Nakon postavljanja, bit će generirana mapa s imenom koje smo dali projektu. Pristupite ovoj mapi da vidite strukturu projekta.
Na pogledati projekt, u istom terminalu izvršit ćemo ovu drugu naredbu:
ionic serve --host 0.0.0.0 --port 8000
Ovom naredbom dopustit ćemo bilo kojem hostu pristup portu 8000.
Kad se napuni sve što vam treba, otvorite web preglednik i idite na http://localhost:8000 o http://IP-de-tu-servidor:8000 i vidjet ćete stranicu s primjerom koja je upravo stvorena.
Ionic je moderan okvir koji nam omogućuje razvoj aplikacija na više platformi na jednostavan i elegantan način. Može se dobiti više informacija i dokumentacije o njegovoj instalaciji i radu u web stranica projekta.