Järgmises artiklis vaatleme Ionic Framework'i ja seda, kuidas seda Ubuntu 20.04 installida. See raamistik võimaldab kasutajatel rakendada projekte teiste raamistikega, näiteks Angular. Ionic on täieliku avatud lähtekoodiga SDK hübriidmobiilirakenduste arendamiseks, mille lõid Drifty Co. Max Lynch, Ben Sperry ja Adam Bradley 2013. aastal. Algne versioon ilmus 2013. aastal ja ehitati AngularJS ja Apache Cordova peale. Viimane versioon ehitati aga ümber veebikomponentide komplektina, mis võimaldab kasutajal teha Angular, React või Vue.js projekte. Samuti võimaldab see kasutada ioonilisi komponente ilma kasutajaliidese raamistikuta.
Iooniline pakub tööriistu ja teenuseid hübriidlaua-, mobiil- ja progressiivsete veebirakenduste arendamiseks, mis põhinevad kaasaegsetel veebiarenduse tavadel ja tehnoloogiatel. Selleks saab kasutada selliseid veebitehnoloogiaid nagu CSS, HTML5 ja Sass. Selle raamistiku abil saame arendada rakendusi veebitehnoloogiatega, mis ühilduvad iOS -i, Androidi või veebi endaga. Samuti pakub see võimsat CLI -tööriista, mille abil saame projekte hallata ja luua.
Ioonika üldised omadused
- See raamistik on tasuta ja avatud lähtekoodiga. See pakub mobiilile optimeeritud kasutajaliidese tööriistade ja komponentide kogu, mille abil luua kiireid ja väga interaktiivseid rakendusi.
- Ionic kasutab Cordovat, ja hiljuti lisandmoodulid, et pääseda juurde host-operatsioonisüsteemi funktsioonidele, nagu GPS, kaamera, taskulamp jne.
- Kasutajad saavad oma rakendusi üles ehitada ja seejärel kohandada neid Androidi, iOS -i, Windowsi, töölaua (Electroniga) või kaasaegsete brauserite jaoks.
- Iooniline sisaldab liikuvaid osi, tüpograafiat või laiendatavat põhiteemat.
- Kasutamisel Veebikomponendid, Ionic pakub kohandatud komponente ja meetodeid nendega suhtlemiseks. Üks neist komponentidest, virtuaalne kerimine, võimaldab kasutajatel sirvida tuhandete üksuste loendit ilma jõudlust mõjutamata. Teine komponent, vahelehed, loob vahekaartidega liidese, mis toetab natiivistiilis navigeerimist ja ajaloo olekuhaldust.
- Lisaks SDK -le pakub Ionic ka teenused, mida arendajad saavad funktsioonide lubamiseks kasutadanagu koodide juurutamine või automatiseeritud koostamine.
- ka pakub oma IDE -d, mida tuntakse kui Ionic Studio.
- See pakub ka liidest Käsurida (CLI) projektide loomiseks. CLI võimaldab arendajatel lisada ka täiendavaid Cordova pistikprogramme ja pakette, lubada tõukemärguandeid, genereerida rakenduste ikoone, pritsmeekraane ja luua natiivseid binaarfaile.
Installige Ionic Ubuntu 20.04 -le
Selle raamistiku paigaldamine on üsna lihtne. Alustamiseks peame lihtsalt avama terminali (Ctrl + Alt + T) ja värskendage meie süsteemipakette:
sudo apt update; sudo apt upgrade
Siis me teeme installige mõned vajalikud paketid. Samas terminalis peame kasutama käsku:
sudo apt install curl gnupg2 wget git
Järgmine samm saab olema installige NodeJS. Seda näidet olen versiooniga testinud 14.x. Selle versiooni installimiseks alustame vajaliku hoidla lisamisega:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Siis saame paigaldama NodeJS selle teise käsu käivitamine:
sudo apt install nodejs
Ionic vajab Apache Cordovat. Tuleb selgitada, et see on seadme API -de komplekt, mis võimaldab mobiilirakenduste arendajal JavaScripti kasutades pääseda juurde seadme algfunktsioonidele, nagu kaamera või kiirendusmõõtur.
Pärast NodeJS installimist saame installige Cordova töötab:
sudo npm install -g cordova
Siinkohal võime edasi liikuda installige Ionic, kasutades npm:
sudo npm i -g @ionic/cli
Pärast installimist saame kontrollige installitud versiooni käsuga:
ionic -v
Rakenduse näide
Et teada saada, kas installimine on õigesti tehtud, võime alustada väikese näidisrakenduse loomisega. Selleks peame ainult seda tegema käivitage järgmine käsk, looge näide:
ionic start
Selle käsu käivitamisel peate määratlema, millist tüüpi projekti soovite luua. Selle näite jaoks olen valinud Angular. Lisaks peate oma projektile nime andma ja malli valima. Kõik see tuleb valida ekraanilt, mis sarnaneb järgmisega:
Pärast seadistamist, luuakse kaust nimega, mille oleme projektile andnud. Projekti struktuuri vaatamiseks avage see kaust.
Kuni vaadake projekti, käivitame samas terminalis selle teise käsu:
ionic serve --host 0.0.0.0 --port 8000
Selle käsuga lubame igale hostile juurdepääsu pordile 8000.
Kui kõik vajalik on laetud, avage oma veebibrauser ja minge http://localhost:8000 o http://IP-de-tu-servidor:8000 ja näete äsja loodud näidislehte.
Ionic on kaasaegne raamistik, mis võimaldab meil lihtsal ja elegantsel viisil arendada platvormideüleseid rakendusi. Seda on võimalik saada rohkem teavet ja dokumentatsiooni selle paigaldamise ja kasutamise kohta projekti veebisait.