Kitame straipsnyje apžvelgsime „Ionic Framework“ ir tai, kaip ją galima įdiegti „Ubuntu 20.04“. Ši sistema leis vartotojams įgyvendinti projektus su kitomis sistemomis, pvz., „Angular“. „Ionic“ yra visiškai atviro kodo hibridinių programų mobiliesiems kūrimo SDK, sukurtas „Drifty Co.“ Maxo Lyncho, Beno Sperry ir Adamo Bradley 2013 m. Originali versija buvo išleista 2013 m. Ir sukurta ant „AngularJS“ ir „Apache Cordova“. Tačiau naujausia versija buvo pertvarkyta kaip žiniatinklio komponentų rinkinys, kuris leidžia vartotojui pasirinkti vykdyti „Angular“, „React“ ar „Vue.js“ projektus. Tai taip pat leidžia naudoti joninius komponentus be jokios vartotojo sąsajos sistemos.
Joninis teikia įrankius ir paslaugas, skirtus kurti hibridines darbalaukio, mobiliųjų ir pažangių žiniatinklio programas, pagrįstas šiuolaikine žiniatinklio kūrimo praktika ir technologijomis. Tam gali būti naudojamos žiniatinklio technologijos, tokios kaip CSS, HTML5 ir Sass. Naudodami šią sistemą galime kurti programas su žiniatinklio technologijomis, suderinamomis su „iOS“, „Android“ ar pačiu žiniatinkliu. Ji taip pat siūlo galingą CLI įrankį, su kuriuo galėsime valdyti ir kurti projektus.
Bendrosios jonų savybės
- Ši sistema yra nemokama ir atviro kodo. Jame yra mobiliesiems optimizuotų vartotojo sąsajos įrankių ir komponentų biblioteka, skirta kurti greitas ir labai interaktyvias programas.
- „Ionic“ naudoja „Cordova“, ir visai neseniai papildiniai, skirti prieigai prie pagrindinės operacinės sistemos funkcijų, tokių kaip GPS, fotoaparatas, žibintuvėlis ir kt.
- Vartotojai gali sukurti savo programas ir pritaikyti jas „Android“, „iOS“, „Windows“, darbalaukiui (su „Electron“) ar šiuolaikinėms naršyklėms.
- Joninis apima judančias dalis, tipografiją ar išplėstinę pagrindinę temą.
- Naudojant Žiniatinklio komponentai, „Ionic“ teikia pasirinktinius komponentus ir metodus, kaip su jais sąveikauti. Vienas iš šių komponentų, virtualus slinkimas, leidžia vartotojams slinkti tūkstančių elementų sąrašu be jokio poveikio našumui. Kitas komponentas, skirtukai, sukuria skirtukų sąsają, palaikančią vietinio stiliaus naršymą ir istorijos būsenos valdymą.
- Be SDK, „Ionic“ taip pat teikia paslaugų kūrėjai gali naudoti funkcijas, pvz., kodo diegimai ar automatizuotos versijos.
- taip pat siūlo savo IDE, žinomą kaip „Ionic Studio“.
- Ji taip pat siūlo sąsają Komandinė eilutė (CLI) kurti projektus. CLI taip pat leidžia kūrėjams pridėti papildomų „Cordova“ papildinių ir paketų, įgalinti tiesioginius pranešimus, generuoti programų piktogramas, rodyti ekranus ir kurti vietinius dvejetainius failus.
Įdiekite „Ionic“ „Ubuntu 20.04“
Šios sistemos diegimas yra gana paprastas. Norėdami pradėti, turime tiesiog atidaryti terminalą (Ctrl + Alt + T) ir atnaujinti mūsų sistemos paketus:
sudo apt update; sudo apt upgrade
Tada mes tai padarysime įdiekite reikiamus paketus. Tame pačiame terminale turėsime naudoti komandą:
sudo apt install curl gnupg2 wget git
Kitas žingsnis bus įdiekite „NodeJS“. Šį pavyzdį išbandžiau su versija 14.x. Norėdami įdiegti šią versiją, pradėsime pridėdami reikiamą saugyklą:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Tada mes galime įrengti NodeJS vykdant šią kitą komandą:
sudo apt install nodejs
Jonui reikia „Apache Cordova“. Reikėtų patikslinti, kad tai yra įrenginio API rinkinys, leidžiantis mobiliųjų programų kūrėjui, naudojant „JavaScript“, pasiekti įrenginio funkcijas, pvz., Fotoaparatą ar akselerometrą.
Įdiegę „NodeJS“, galime įdiegti „Cordova“ veikia:
sudo npm install -g cordova
Šioje vietoje galime pereiti prie įdiekite „Ionic“ naudodami npm:
sudo npm i -g @ionic/cli
Po įdiegimo mes galime patikrinkite įdiegtą versiją naudodami komandą:
ionic -v
Paraiškos pavyzdys
Norėdami sužinoti, ar diegimas buvo atliktas teisingai, galime pradėti sukurdami nedidelę programos pavyzdį. Norėdami tai padaryti, turėsime tik tai padaryti paleiskite šią komandą, sukurkite pavyzdį:
ionic start
Vykdant šią komandą turėsite apibrėžti, kokio tipo projektą norite sukurti. Šiame pavyzdyje pasirinkau „Angular“. Be to, turėsite suteikti savo projektui pavadinimą ir pasirinkti šabloną. Visa tai turėsite pasirinkti iš ekrano, panašaus į šį:
Po sąrankos, bus sukurtas aplankas pavadinimu, kurį davėme projektui. Norėdami pamatyti projekto struktūrą, eikite į šį aplanką.
Į peržiūrėti projektą, tame pačiame terminale vykdysime šią kitą komandą:
ionic serve --host 0.0.0.0 --port 8000
Su šia komanda mes leisime bet kuriam pagrindiniam kompiuteriui pasiekti 8000 prievadą.
Kai viskas, ko reikia, yra įkelta, atidarykite savo interneto naršyklę ir eikite į http://localhost:8000 o http://IP-de-tu-servidor:8000 ir pamatysite ką tik sukurtą pavyzdinį puslapį.
„Ionic“ yra moderni sistema, leidžianti mums paprastai ir elegantiškai kurti įvairių platformų programas. Jį galima gauti daugiau informacijos ir dokumentacijos apie jo įdiegimą ir veikimą projekto svetainė.