I nästa artikel kommer vi att titta på det joniska ramverket och hur det kan installeras på Ubuntu 20.04. Detta ramverk gör det möjligt för användare att genomföra projekt med andra ramverk som Angular. Ionic är en fullständig öppen källkod -SDK för hybrid -mobilapputveckling skapad av Drifty Co: s Max Lynch, Ben Sperry och Adam Bradley 2013. Originalversionen släpptes 2013 och byggdes ovanpå AngularJS och Apache Cordova. Men den senaste versionen byggdes om som en uppsättning webbkomponenter, som låter användaren välja att göra Angular-, React- eller Vue.js -projekt. Det tillåter också användning av joniska komponenter utan ramar för användargränssnitt.
Jonisk tillhandahåller verktyg och tjänster för att utveckla hybrid -stationära, mobila och progressiva webbapplikationer baserade på moderna metoder för webbutveckling och teknik. För detta kan webbteknik som CSS, HTML5 och Sass användas. Med detta ramverk kan vi utveckla applikationer med webbteknologi som är kompatibel med iOS, Android eller själva webben. Det erbjuder också ett kraftfullt CLI -verktyg som vi kommer att kunna hantera och skapa projekt med.
Allmänna egenskaper hos Ionic
- Denna ram är gratis och öppen källkod. Det erbjuder ett bibliotek med mobiloptimerade användargränssnittsverktyg och komponenter för att skapa snabba och mycket interaktiva applikationer.
- Ionic använder Cordova, och mer nyligen plug-ins för att få åtkomst till värdoperativsystemets funktioner som GPS, kamera, ficklampa, etc.
- Användare kan bygga sina appar och sedan anpassa dem för Android, iOS, Windows, stationära (med elektron) eller moderna webbläsare.
- Jonisk inkluderar rörliga delar, typografi eller ett utökbart grundtema.
- När du använder Webbkomponenter, Ionic tillhandahåller anpassade komponenter och metoder för att interagera med dem. En av dessa komponenter, virtuell rullning, tillåter användare att bläddra igenom en lista med tusentals objekt utan att det påverkar prestanda. En annan komponent, Tabs, skapar ett flikgränssnitt som stöder inbyggd navigering och hantering av historikstatus.
- Förutom SDK tillhandahåller Ionic också tjänster som utvecklare kan använda för att aktivera funktionertill exempel koddistributioner eller automatiserade builds.
- också tillhandahåller sin egen IDE som kallas Ionic Studio.
- Det erbjuder också ett gränssnitt för Kommandorad (CLI) för att skapa projekt. CLI tillåter också utvecklare att lägga till ytterligare Cordova -plugins och -paket, aktivera push -meddelanden, generera appikoner, stänkskärmar och skapa inbyggda binärer.
Installera Ionic på Ubuntu 20.04
Installationen av denna ram är ganska enkel. För att börja behöver vi bara öppna en terminal (Ctrl + Alt + T) och uppdatera våra systempaket:
sudo apt update; sudo apt upgrade
Då ska vi installera några nödvändiga paket. I samma terminal måste vi använda kommandot:
sudo apt install curl gnupg2 wget git
Nästa steg kommer att bli installera NodeJS. Detta exempel har jag testat med versionen 14.x. För att installera den här versionen, Vi börjar med att lägga till det nödvändiga förvaret:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Då kan vi installera NodeJS kör det andra kommandot:
sudo apt install nodejs
Ionic kräver Apache Cordova. Det bör klargöras att detta är en uppsättning enhets -API: er som gör att mobilappsutvecklaren, med hjälp av JavaScript, kan komma åt enhetens inbyggda funktioner, till exempel kameran eller accelerometern.
Efter installation av NodeJS kan vi installera cordova löpning:
sudo npm install -g cordova
Vid denna tidpunkt kan vi gå vidare till installera Ionic med npm:
sudo npm i -g @ionic/cli
Efter installationen kan vi kontrollera installerad version med kommando:
ionic -v
Ett exempel på applikation
För att veta om installationen har gjorts korrekt kan vi börja med att skapa ett litet exempelprogram. För att göra detta måste vi bara kör följande kommando skapa exemplet:
ionic start
När du kör det här kommandot du måste definiera vilken typ av projekt du vill skapa. För detta exempel har jag valt Angular. Dessutom måste du ge ditt projekt ett namn och välja mallen. Allt detta måste du välja från en skärm som liknar följande:
Efter installationen, en mapp genereras med det namn som vi har gett projektet. Gå till den här mappen för att se projektstrukturen.
Till se projektet, i samma terminal kommer vi att utföra detta andra kommando:
ionic serve --host 0.0.0.0 --port 8000
Med detta kommando vi tillåter alla värdar att komma åt port 8000.
När allt du behöver är laddat, öppna din webbläsare och gå till http://localhost:8000 o http://IP-de-tu-servidor:8000 och du kommer att se exempelsidan som just skapades.
Ionic är en modern ram som gör att vi kan utveckla plattformsoberoende applikationer på ett enkelt och elegant sätt. Det kan erhållas mer information och dokumentation om dess installation och drift i projektwebbplats.