I den næste artikel vil vi tage et kig på Ionic Framework, og hvordan det kan installeres på Ubuntu 20.04. Denne ramme giver brugerne mulighed for at gennemføre projekter med andre rammer, f.eks. Angular. Ionic er en fuld open source SDK til hybrid mobilappudvikling skabt af Drifty Co's Max Lynch, Ben Sperry og Adam Bradley i 2013. Den originale version blev udgivet i 2013 og bygget oven på AngularJS og Apache Cordova. Den nyeste version blev dog genopbygget som et sæt webkomponenter, som giver brugeren mulighed for at vælge at udføre Angular-, React- eller Vue.js -projekter. Det tillader også brug af ioniske komponenter uden nogen brugergrænsefladeramme.
Ionic giver værktøjer og tjenester til at udvikle hybrid desktop, mobile og progressive webapplikationer baseret på moderne webudviklingspraksis og teknologier. Til dette kan webteknologier som CSS, HTML5 og Sass bruges. Med denne ramme kan vi udvikle applikationer med webteknologier, der er kompatible med iOS, Android eller selve nettet. Det tilbyder også et kraftfuldt CLI -værktøj, som vi kan styre og oprette projekter med.
Generelle egenskaber ved Ionic
- Denne ramme er gratis og open source. Det tilbyder et bibliotek med mobiloptimerede brugergrænsefladeværktøjer og -komponenter, til at oprette hurtige og stærkt interaktive applikationer.
- Ionisk bruger Cordova, og for nylig plug-ins for at få adgang til værtens operativsystemfunktioner som GPS, kamera, lommelygte osv.
- Brugere kan oprette deres applikationer og derefter tilpasse dem til Android, iOS, Windows, desktop (med elektron) eller moderne browsere.
- Ionic indeholder bevægelige komponenter, typografi eller et udvideligt grundtema.
- Ved brug Webkomponenter, Ionic leverer tilpassede komponenter og metoder til at interagere med dem. En af disse komponenter, virtuel rulning, giver brugerne mulighed for at rulle gennem en liste over tusinder af emner uden nogen indflydelse på ydeevnen. En anden komponent, Tabs, opretter en fanebladgrænseflade, der understøtter indbygget navigation og historistatusstyring.
- Ud over SDK leverer Ionic også tjenester, udviklere kan bruge til at aktivere funktioner, såsom kodeimplementeringer eller automatiserede builds.
- også leverer sin egen IDE kendt som Ionic Studio.
- Det tilbyder også en grænseflade på Kommandolinje (CLI) for at oprette projekter. CLI giver også udviklere mulighed for at tilføje yderligere Cordova -plugins og -pakker, aktivere push -notifikationer, generere appikoner, stænkskærme og oprette native binære filer.
Installer Ionic på Ubuntu 20.04
Installationen af denne ramme er ganske enkel. For at starte skal vi bare åbne en terminal (Ctrl + Alt + T) og opdater vores systempakker:
sudo apt update; sudo apt upgrade
Så vil vi installere nogle nødvendige pakker. I den samme terminal skal vi bruge kommandoen:
sudo apt install curl gnupg2 wget git
Det næste trin bliver installer NodeJS. Dette eksempel har jeg testet med versionen 14.x. For at installere denne version, Vi starter med at tilføje det nødvendige lager:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Så kan vi installere NodeJS kører denne anden kommando:
sudo apt install nodejs
Ionic kræver Apache Cordova. Det bør præciseres, at dette er et sæt enheds -API'er, der gør det muligt for mobilapplikationsudvikleren ved hjælp af JavaScript at få adgang til enhedens indbyggede funktioner, f.eks. Kameraet eller accelerometeret.
Efter installation af NodeJS kan vi installer cordova kører:
sudo npm install -g cordova
På dette tidspunkt kan vi gå videre til installere Ionic ved hjælp af npm:
sudo npm i -g @ionic/cli
Efter installationen kan vi tjek den installerede version med kommandoen:
ionic -v
Et eksempel på en applikation
For at vide, om installationen er blevet udført korrekt, kan vi starte med at oprette et lille eksempelprogram. For at gøre dette skal vi kun kør følgende kommando, opret eksemplet:
ionic start
Når du kører denne kommando du bliver nødt til at definere, hvilken type projekt du vil oprette. Til dette eksempel har jeg valgt Angular. Derudover skal du give dit projekt et navn og vælge skabelonen. Alt dette skal du vælge fra en skærm, der ligner følgende:
Efter opsætning, en mappe vil blive genereret med det navn, som vi har givet til projektet. Få adgang til denne mappe for at se projektstrukturen.
Til se projektet, i den samme terminal skal vi udføre denne anden kommando:
ionic serve --host 0.0.0.0 --port 8000
Med denne kommando vi giver enhver vært adgang til port 8000.
Når alt hvad du har brug for er indlæst, Åbn din webbrowser og gå til http://localhost:8000 o http://IP-de-tu-servidor:8000 og du vil se eksempelsiden, der lige blev oprettet.
Ionic er en moderne ramme, der giver os mulighed for at udvikle applikationer på tværs af platforme på en enkel og elegant måde. Det kan fås flere oplysninger og dokumentation om installation og drift i projektwebsted.