Seuraavassa artikkelissa tarkastelemme Ionic Frameworkia ja kuinka se voidaan asentaa Ubuntu 20.04: ään. Tämän kehyksen avulla käyttäjät voivat toteuttaa projekteja muiden puitteiden, kuten Angularin, kanssa. Ionic on Drifty Co: n Max Lynchin, Ben Sperryn ja Adam Bradleyn vuonna 2013 luoma täysimittainen avoimen lähdekoodin SDK hybridi -mobiilisovellusten kehittämiseen. Alkuperäinen versio julkaistiin vuonna 2013 ja rakennettiin AngularJS: n ja Apache Cordovan päälle. Kuitenkin uusin versio rakennettiin uudelleen joukkoksi web -komponentteja, jotka sallii käyttäjän tehdä Angular-, React- tai Vue.js -projekteja. Se mahdollistaa myös ionikomponenttien käytön ilman käyttöliittymäkehystä.
joonialainen tarjoaa työkaluja ja palveluja kehittääkseen pöytätietokone-, mobiili- ja progressiivisia verkkosovelluksia nykyaikaisten web -kehityskäytäntöjen ja -tekniikoiden perusteella. Tätä varten voidaan käyttää verkkoteknologioita, kuten CSS, HTML5 ja Sass. Tämän kehyksen avulla voimme kehittää sovelluksia verkkotekniikoilla, jotka ovat yhteensopivia iOS: n, Androidin tai verkon kanssa. Se tarjoaa myös tehokkaan CLI -työkalun, jonka avulla voimme hallita ja luoda projekteja.
Ionin yleiset ominaisuudet
- Tämä kehys on ilmainen ja avoimen lähdekoodin. Se tarjoaa kirjaston mobiililaitteille optimoituja käyttöliittymän työkaluja ja komponentteja, joiden avulla voit luoda nopeita ja erittäin vuorovaikutteisia sovelluksia.
- Ionic käyttää Cordovaa, ja viime aikoina laajennukset päästäkseen isäntäkäyttöjärjestelmän toimintoihin, kuten GPS, kamera, taskulamppu jne.
- Käyttäjät voivat luoda sovelluksiaan ja muokata niitä Android-, iOS-, Windows-, pöytätietokoneille (joissa on Electron) tai nykyaikaisiin selaimiin.
- joonialainen sisältää siirrettäviä komponentteja, typografiaa tai laajennettavaa pohjateemaa.
- Kun käytät Web-komponentit, Ionic tarjoaa mukautettuja komponentteja ja menetelmiä vuorovaikutukseen niiden kanssa. Yksi näistä osista, virtuaalinen vieritys, sallii käyttäjien selata tuhansien kohteiden luetteloa ilman vaikutusta suorituskykyyn. Toinen komponentti, Tabs, luo välilehtikäyttöliittymän, joka tukee natiivityyppistä navigointia ja historiatilojen hallintaa.
- SDK: n lisäksi Ionic tarjoaa myös Palvelut, joita kehittäjät voivat käyttää ominaisuuksien käyttöönottoon, kuten kooditoteutukset tai automaattiset koontiversiot.
- myös tarjoaa oman IDE: n, joka tunnetaan nimellä Ionic Studio.
- Se tarjoaa myös käyttöliittymän Komentorivi (CLI) projektien luomiseksi. CLI: n avulla kehittäjät voivat myös lisätä muita Cordova -laajennuksia ja -paketteja, ottaa käyttöön push -ilmoituksia, luoda sovelluskuvakkeita, aloitusnäyttöjä ja luoda alkuperäisiä binääritiedostoja.
Asenna Ionic Ubuntu 20.04: ään
Tämän kehyksen asennus on melko yksinkertainen. Aloittaaksesi meidän on vain avattava pääte (Ctrl + Alt + T) ja päivitä järjestelmäpakettimme:
sudo apt update; sudo apt upgrade
Sitten me tulemme asenna tarvittavat paketit. Samassa päätelaitteessa meidän on käytettävä komentoa:
sudo apt install curl gnupg2 wget git
Seuraava vaihe tulee olemaan asenna NodeJS. Tätä esimerkkiä olen testannut version kanssa 14.x. Jos haluat asentaa tämän version, aloitamme lisäämällä tarvittavan arkiston:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Sitten voimme asentaa NodeJS tämän toisen komennon suorittaminen:
sudo apt install nodejs
Ionic vaatii Apache Cordovan. On selvennettävä, että tämä on joukko laiterajapintoja, joiden avulla mobiilisovellusten kehittäjä voi käyttää JavaScriptiä käyttämällä laitteen natiivitoimintoja, kuten kameraa tai kiihtyvyysmittaria.
NodeJS: n asentamisen jälkeen voimme asenna cordova käynnissä:
sudo npm install -g cordova
Tässä vaiheessa voimme siirtyä eteenpäin asenna Ionic käyttämällä npm:
sudo npm i -g @ionic/cli
Asennuksen jälkeen voimme tarkista asennettu versio komennolla:
ionic -v
Esimerkkisovellus
Jos haluat tietää, onko asennus tehty oikein, voimme aloittaa luomalla pienen esimerkkisovelluksen. Tätä varten meidän on vain tehtävä Suorita seuraava komento luo esimerkki:
ionic start
Suoritettaessa tätä komentoa sinun on määritettävä, minkä tyyppinen projekti haluat luoda. Tässä esimerkissä olen valinnut Angularin. Lisäksi sinun on annettava projektillesi nimi ja valittava malli. Kaikki tämä sinun on valittava seuraavankaltaisesta näytöstä:
Asennuksen jälkeen luodaan kansio, jonka nimi on annettu projektille. Siirry tähän kansioon nähdäksesi projektirakenteen.
Voidakseen katso projekti, samassa päätelaitteessa aiomme suorittaa tämän toisen komennon:
ionic serve --host 0.0.0.0 --port 8000
Tällä komennolla sallimme minkä tahansa isännän käyttää porttia 8000.
Kun kaikki tarvittava on ladattu, avaa verkkoselain ja siirry osoitteeseen http://localhost:8000 o http://IP-de-tu-servidor:8000 ja näet juuri luodun esimerkkisivun.
Ionic on moderni kehys, jonka avulla voimme kehittää eri alustojen sovelluksia yksinkertaisella ja tyylikkäällä tavalla. Se voidaan hankkia lisätietoja ja asiakirjoja sen asennuksesta ja käytöstä projektin verkkosivusto.