Nākamajā rakstā mēs apskatīsim Ionic Framework un to, kā to var instalēt Ubuntu 20.04. Šī sistēma ļaus lietotājiem īstenot projektus ar citām sistēmām, piemēram, Angular. Ionic ir pilna atvērtā pirmkoda SDK hibrīda mobilo lietotņu izstrādei, ko 2013. gadā izveidoja Drifty Co. Max Lynch, Ben Sperry un Adam Bradley. Sākotnējā versija tika izlaista 2013. gadā un tika veidota virs AngularJS un Apache Cordova. Tomēr jaunākā versija tika pārbūvēta kā tīmekļa komponentu kopums, kas ļauj lietotājam izvēlēties veikt Angular, React vai Vue.js projektus. Tas arī ļauj izmantot jonu komponentus bez lietotāja saskarnes ietvara.
Jonu nodrošina rīkus un pakalpojumus, lai izstrādātu darbvirsmas, mobilās un progresīvās tīmekļa lietojumprogrammas, pamatojoties uz mūsdienu tīmekļa izstrādes praksi un tehnoloģijām. Šim nolūkam var izmantot tādas tīmekļa tehnoloģijas kā CSS, HTML5 un Sass. Izmantojot šo sistēmu, mēs varam izstrādāt lietojumprogrammas ar tīmekļa tehnoloģijām, kas ir saderīgas ar iOS, Android vai pašu tīmekli. Tas piedāvā arī spēcīgu CLI rīku, ar kuru mēs varēsim pārvaldīt un veidot projektus.
Jonu vispārīgās īpašības
- Šī sistēma ir bezmaksas un atvērtā koda. Tā piedāvā mobilajām ierīcēm optimizētu lietotāja saskarnes rīku un komponentu bibliotēku, lai izveidotu ātras un ļoti interaktīvas lietojumprogrammas.
- Joniks izmanto Kordovu, un pavisam nesen-spraudņi, lai piekļūtu saimniekdatora operētājsistēmas funkcijām, piemēram, GPS, kamerai, lukturītim utt.
- Lietotāji var izveidot savas lietojumprogrammas un pēc tam pielāgot tās Android, iOS, Windows, galddatoriem (ar Electron) vai modernām pārlūkprogrammām.
- Jonu ietver kustīgus komponentus, tipogrāfiju vai paplašināmu bāzes motīvu.
- Lietojot Tīmekļa komponenti, Ionic nodrošina pielāgotus komponentus un metodes, kā ar tiem mijiedarboties. Viena no šīm sastāvdaļām, virtuālā ritināšana, ļauj lietotājiem ritināt tūkstošiem vienumu sarakstu, neietekmējot veiktspēju. Cits komponents, cilnes, rada saskarni ar cilnēm, kas atbalsta vietējā stila navigāciju un vēstures stāvokļa pārvaldību.
- Papildus SDK Ionic nodrošina arī pakalpojumu izstrādātāji var izmantot, lai iespējotu funkcijas, piemēram, koda ieviešanu vai automatizētu būvēšanu.
- arī nodrošina savu IDE, kas pazīstams kā Ionic Studio.
- Tā piedāvā arī saskarni Komandrinda (CLI), lai izveidotu projektus. CLI arī ļauj izstrādātājiem pievienot papildu Cordova spraudņus un pakotnes, iespējot push paziņojumus, ģenerēt lietotņu ikonas, ekrānus un izveidot vietējos bināros failus.
Instalējiet Ionic Ubuntu 20.04
Šīs sistēmas uzstādīšana ir diezgan vienkārša. Lai sāktu, mums vienkārši jāatver terminālis (Ctrl + Alt + T) un atjauniniet mūsu sistēmas paketes:
sudo apt update; sudo apt upgrade
Tad mēs to darīsim instalējiet dažas nepieciešamās paketes. Tajā pašā terminālī mums būs jāizmanto komanda:
sudo apt install curl gnupg2 wget git
Nākamais solis būs instalējiet NodeJS. Šo piemēru esmu pārbaudījis ar versiju 14.x. Lai instalētu šo versiju, mēs sāksim, pievienojot nepieciešamo krātuvi:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Tad mēs varam instalēt NodeJS palaižot šo citu komandu:
sudo apt install nodejs
Jonikam nepieciešama Apache Cordova. Jāprecizē, ka tas ir ierīču API kopums, kas ļauj mobilo lietojumprogrammu izstrādātājam, izmantojot JavaScript, piekļūt ierīces vietējām funkcijām, piemēram, kamerai vai akselerometram.
Pēc NodeJS instalēšanas mēs varam instalējiet cordova darbojas:
sudo npm install -g cordova
Šajā brīdī mēs varam pāriet uz instalējiet Ionic, izmantojot npm:
sudo npm i -g @ionic/cli
Pēc instalēšanas mēs varam pārbaudiet instalēto versiju ar komandu:
ionic -v
Lietojumprogrammas piemērs
Lai uzzinātu, vai instalēšana ir veikta pareizi, mēs varam sākt, izveidojot nelielu lietojumprogrammas piemēru. Lai to izdarītu, mums tas būs tikai jādara palaidiet šādu komandu, izveidojiet piemēru:
ionic start
Palaidot šo komandu jums būs jānosaka, kāda veida projektu vēlaties izveidot. Šajā piemērā es izvēlējos Angular. Turklāt jums būs jāpiešķir savam projektam nosaukums un jāizvēlas veidne. Tas viss jums būs jāizvēlas no ekrāna, kas līdzīgs šim:
Pēc iestatīšanas, tiks izveidota mape ar nosaukumu, ko esam piešķīruši projektam. Piekļūstiet šai mapei, lai redzētu projekta struktūru.
Līdz apskatīt projektu, tajā pašā terminālī mēs izpildīsim šo citu komandu:
ionic serve --host 0.0.0.0 --port 8000
Ar šo komandu mēs ļausim jebkuram saimniekdatoram piekļūt portam 8000.
Kad viss nepieciešamais ir ielādēts, atveriet tīmekļa pārlūkprogrammu un dodieties uz http://localhost:8000 o http://IP-de-tu-servidor:8000 un jūs redzēsit tikko izveidoto parauga lapu.
Ionic ir mūsdienīgs ietvars, kas ļauj mums vienkāršā un elegantā veidā izstrādāt starpplatformu lietojumprogrammas. To var iegūt vairāk informācijas un dokumentācijas par tās uzstādīšanu un darbību projekta vietne.