V naslednjem članku si bomo ogledali Ionic Framework in kako ga je mogoče namestiti na Ubuntu 20.04. Ta okvir bo uporabnikom omogočil izvajanje projektov z drugimi okviri, kot je Angular. Ionic je polno odprtokodni SDK za razvoj hibridnih mobilnih aplikacij, ki so ga leta 2013 ustvarili Max Lynch, Ben Sperry in Adam Bradley iz podjetja Drifty Co. Najnovejša različica pa je bila obnovljena kot niz spletnih komponent, ki uporabniku omogoča izbiro projektov Angular, React ali Vue.js. Omogoča tudi uporabo ionskih komponent brez okvirja uporabniškega vmesnika.
Ionski ponuja orodja in storitve za razvoj hibridnih namiznih, mobilnih in progresivnih spletnih aplikacij, ki temeljijo na sodobnih praksah in tehnologijah spletnega razvoja. V ta namen lahko uporabite spletne tehnologije, kot so CSS, HTML5 in Sass. S tem okvirom lahko razvijamo aplikacije s spletnimi tehnologijami, združljivimi z iOS, Android ali samim spletom. Ponuja tudi močno orodje CLI, s katerim bomo lahko upravljali in ustvarjali projekte.
Splošne značilnosti Ionic
- Ta okvir je brezplačen in odprtokoden. Ponuja knjižnico orodij in komponent uporabniškega vmesnika, optimiziranih za mobilne naprave, s katerimi lahko ustvarjate hitre in zelo interaktivne aplikacije.
- Ionic uporablja Cordovo, in v zadnjem času vtičniki za dostop do funkcij gostiteljskega operacijskega sistema, kot so GPS, kamera, svetilka itd.
- Uporabniki lahko ustvarijo svoje aplikacije in jih nato prilagodijo za Android, iOS, Windows, namizje (z Electronom) ali sodobne brskalnike.
- Ionski vključuje gibljive dele, tipografijo ali razširljivo osnovno temo.
- Pri uporabi Spletne komponente, Ionic ponuja komponente in metode po meri za interakcijo z njimi. Ena od teh komponent, virtualno drsenje, omogoča uporabnikom, da se pomikajo po seznamu tisočih elementov brez vpliva na zmogljivost. Druga komponenta, zavihki, ustvarja vmesnik z zavihki, ki podpira navigacijo v slogu domačega sloga in upravljanje statusa zgodovine.
- Poleg SDK ponuja tudi Ionic storitve, ki jih razvijalci lahko uporabljajo za omogočanje funkcijkot so implementacije kode ali avtomatizirane gradnje.
- prav tako ponuja svoj IDE, znan kot Ionic Studio.
- Ponuja tudi vmesnik Ukazna vrstica (CLI) za ustvarjanje projektov. CLI razvijalcem omogoča tudi dodajanje dodatnih vtičnikov in paketov Cordova, omogočanje potisnih obvestil, ustvarjanje ikon aplikacij, zaskočnih zaslonov in ustvarjanje izvornih binarnih datotek.
Namestite Ionic na Ubuntu 20.04
Namestitev tega okvira je precej preprosta. Za začetek moramo samo odpreti terminal (Ctrl + Alt + T) in posodobite naše sistemske pakete:
sudo apt update; sudo apt upgrade
Potem bomo namestite nekaj potrebnih paketov. V istem terminalu bomo morali uporabiti ukaz:
sudo apt install curl gnupg2 wget git
Naslednji korak bo namestite NodeJS. Ta primer sem preizkusil z različico 14.x. Če želite namestiti to različico, začeli bomo z dodajanjem potrebnega skladišča:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Potem lahko namestitev NodeJS zagon tega drugega ukaza:
sudo apt install nodejs
Ionic potrebuje Apache Cordovo. Pojasniti je treba, da gre za niz API -jev naprav, ki razvijalcu mobilnih aplikacij z uporabo JavaScripta omogočajo dostop do izvornih funkcij naprave, na primer kamere ali merilnika pospeška.
Po namestitvi NodeJS lahko namestite Cordova teče:
sudo npm install -g cordova
Na tej točki lahko preidemo na namestite Ionic z uporabo npm:
sudo npm i -g @ionic/cli
Po namestitvi lahko z ukazom preverite nameščeno različico:
ionic -v
Primer aplikacije
Če želimo vedeti, ali je bila namestitev izvedena pravilno, lahko začnemo z ustvarjanjem majhnega primera aplikacije. Če želite to narediti, bomo morali le zaženite naslednji ukaz ustvarite primer:
ionic start
Med izvajanjem tega ukaza določiti morate, kakšen projekt želite ustvariti. Za ta primer sem izbral Angular. Poleg tega boste morali svojemu projektu dati ime in izbrati predlogo. Vse to boste morali izbrati na podobnem zaslonu:
Po nastavitvi, ustvarila se bo mapa z imenom, ki smo ga dali projektu. Dostop do te mape za ogled strukture projekta.
Da ogled projekta, v istem terminalu bomo izvedli ta drugi ukaz:
ionic serve --host 0.0.0.0 --port 8000
S tem ukazom vsakemu gostitelju bomo omogočili dostop do vrat 8000.
Ko je naloženo vse, kar potrebujete, odprite spletni brskalnik in pojdite na http://localhost:8000 o http://IP-de-tu-servidor:8000 in videli boste primer strani, ki je bila pravkar ustvarjena.
Ionic je sodoben okvir, ki nam omogoča preprosto in elegantno razvijanje aplikacij za več platform. Lahko ga dobimo več informacij in dokumentacijo o njegovi namestitvi in delovanju v spletna stran projekta.