Në artikullin tjetër ne do të hedhim një vështrim në Kornizën Jonike dhe si mund të instalohet në Ubuntu 20.04. Ky kuadër do t'i lejojë përdoruesit të zbatojnë projekte me korniza të tjera të tilla si AngularMe Ionic është një SDK me burim të hapur për zhvillimin e aplikacioneve hibride mobile të krijuara nga Max Lynch, Ben Sperry dhe Adam Bradley të Drifty Co. në 2013. Versioni origjinal u lëshua në 2013 dhe u ndërtua në krye të AngularJS dhe Apache Cordova. Sidoqoftë, versioni i fundit u rindërtua si një grup përbërësish në internet, të cilët lejon përdoruesin të zgjedhë të bëjë projekte Angular, React ose Vue.jsMe Gjithashtu lejon përdorimin e komponentëve Jonikë pa asnjë kornizë të ndërfaqes së përdoruesit.
jonik siguron mjete dhe shërbime për të zhvilluar aplikacione hibride të desktopit, celular dhe progresiv të uebit bazuar në praktikat dhe teknologjitë moderne të zhvillimit të uebitMe Për këtë, mund të përdoren teknologjitë e internetit si CSS, HTML5 dhe Sass. Me këtë kuadër ne mund të zhvillojmë aplikacione me teknologji në internet të pajtueshme me iOS, Android ose vetë uebin. Ajo gjithashtu ofron një mjet të fuqishëm CLI me të cilin ne do të jemi në gjendje të menaxhojmë dhe krijojmë projekte.
Karakteristikat e përgjithshme të Jonit
- Ky kuadër është falas dhe me burim të hapurMe Ajo ofron një bibliotekë të mjeteve dhe komponentëve të ndërfaqes së përdoruesit të optimizuar për celularin, me të cilat mund të krijoni aplikacione të shpejta dhe shumë interaktive.
- Joni përdor Cordova, dhe së fundmi shtojcat për të fituar qasje në funksionet e sistemit operativ pritës si GPS, kamera, elektrik dore, etj.
- Përdoruesit mund të krijojnë aplikacionet e tyre dhe pastaj t'i rregullojnë ato për Android, iOS, Windows, desktop (me Electron) ose shfletues modernë.
- jonik përfshin pjesë lëvizëse, tipografi ose një temë bazë të zgjerueshme.
- Kur përdorni Komponentët e Uebit, Ionic siguron përbërës dhe metoda të personalizuara për të bashkëvepruar me ta. Një nga ato përbërës, rrotullimi virtual, lejon përdoruesit të lëvizin nëpër një listë me mijëra artikuj pa ndonjë ndikim në performancë. Një komponent tjetër, Tabs, krijon një ndërfaqe me skeda që mbështet navigacionin e stilit vendas dhe menaxhimin e statusit të historisë.
- Përveç SDK -së, Jonic gjithashtu siguron shërbimet që zhvilluesit mund t'i përdorin për të mundësuar veçoritësiç janë zbatimet e kodit ose ndërtimet e automatizuara.
- edhe ofron IDE -në e vet të njohur si Ionic Studio.
- Ajo gjithashtu ofron një ndërfaqe të Linja e komandës (CLI) për të krijuar projekteMe CLI gjithashtu lejon zhvilluesit të shtojnë shtojca dhe pako shtesë të Cordova, të mundësojnë njoftimet push, të gjenerojnë ikona të aplikacioneve, ekranet spërkatëse dhe të krijojnë binare amtare.
Instaloni Ionic në Ubuntu 20.04
Instalimi i këtij kuadri është mjaft i thjeshtë. Për të filluar, ne vetëm duhet të hapim një terminal (Ctrl + Alt + T) dhe azhurnoni paketat tona të sistemit:
sudo apt update; sudo apt upgrade
Atëherë do ta bëjmë instaloni disa paketa të nevojshmeMe Në të njëjtin terminal do të na duhet të përdorim komandën:
sudo apt install curl gnupg2 wget git
Hapi tjetër do të jetë instaloni NodeJSMe Këtë shembull e kam testuar me versionin 14.xMe Për të instaluar këtë version, do të fillojmë duke shtuar depon e nevojshme:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Atëherë mundemi instaloj NodeJS ekzekutimin e kësaj komande tjetër:
sudo apt install nodejs
Joni kërkon Apache CordovaMe Duhet sqaruar se ky është një grup API -ve të pajisjes që lejojnë zhvilluesi i aplikacionit celular, duke përdorur JavaScript, të hyjë në funksionet amtare të pajisjes, të tilla si kamera ose përshpejtuesi.
Pas instalimit të NodeJS, ne mundemi instaloni cordova drejtimin:
sudo npm install -g cordova
Në këtë pikë, ne mund të kalojmë në instaloni Jonik duke përdorur npm:
sudo npm i -g @ionic/cli
Pas instalimit, ne mundemi kontrolloni versionin e instaluar me komandë:
ionic -v
Një aplikim shembull
Për të ditur nëse instalimi është kryer në mënyrë korrekte, mund të fillojmë duke krijuar një aplikacion të vogël shembull. Për ta bërë këtë, do të na duhet vetëm ekzekutoni komandën e mëposhtme krijoni shembullin:
ionic start
Kur ekzekutoni këtë komandë do të duhet të përcaktoni se çfarë lloj projekti doni të krijoniMe Për këtë shembull unë kam zgjedhur Angular. Përveç kësaj, do t'ju duhet t'i jepni një emër projektit tuaj dhe të zgjidhni modelin. E gjithë kjo ju duhet të zgjidhni nga një ekran i ngjashëm me sa vijon:
Pas konfigurimit, do të krijohet një dosje me emrin që i kemi dhënë projektit. Hyni në këtë dosje për të parë strukturën e projektit.
Për të qenë në gjendje shikoni projektin, në të njëjtin terminal do të ekzekutojmë këtë komandë tjetër:
ionic serve --host 0.0.0.0 --port 8000
Me këtë komandë ne do të lejojmë çdo host të hyjë në portin 8000.
Kur gjithçka që ju nevojitet ngarkohet, hapni shfletuesin tuaj të internetit dhe shkoni te http://localhost:8000 o http://IP-de-tu-servidor:8000 dhe do të shihni faqen shembull që sapo është krijuar.
Ionic është një kornizë moderne që na lejon të zhvillojmë aplikime ndër-platformë në një mënyrë të thjeshtë dhe elegante. Mund të merret më shumë informacion dhe dokumentacion në lidhje me instalimin dhe funksionimin e tij në faqja në internet e projektit.