Ionic, ako je možné tento rámec nainštalovať do Ubuntu 20.04

o iónových

V nasledujúcom článku sa pozrieme na Ionic Framework a ako ho možno nainštalovať na Ubuntu 20.04. Tento rámec umožní používateľom implementovať projekty s inými rámcami, ako je napríklad Angular. Ionic je kompletná open source SDK pre vývoj hybridných mobilných aplikácií, ktorú vytvorili Max Lynch, Ben Sperry a Adam Bradley v roku 2013 od Drifty Co. Pôvodná verzia bola vydaná v roku 2013 a bola postavená na platformách AngularJS a Apache Cordova. Najnovšia verzia však bola prestavaná ako sada webových komponentov, ktoré umožňuje užívateľovi vybrať si, či chce vykonávať projekty Angular, React alebo Vue.js. Umožňuje tiež použitie iónskych komponentov bez rámca používateľského rozhrania.

ionické poskytuje nástroje a služby na vývoj hybridných desktopových, mobilných a progresívnych webových aplikácií založených na moderných postupoch a technológiách vývoja webu. Na tento účel je možné použiť webové technológie ako CSS, HTML5 a Sass. Vďaka tomuto rámcu dokážeme vyvíjať aplikácie s webovými technológiami kompatibilnými so systémami iOS, Android alebo samotným webom. Ponúka tiež výkonný nástroj CLI, s ktorým budeme môcť spravovať a vytvárať projekty.

Všeobecné vlastnosti iónu

  • Tento rámec je bezplatný a otvorený zdroj. Ponúka knižnicu nástrojov a komponentov používateľského rozhrania optimalizovaných pre mobilné zariadenia, s ktorými môžete vytvárať rýchle a vysoko interaktívne aplikácie.
  • Ionic používa Cordova, a v poslednej dobe doplnky na získanie prístupu k funkciám hostiteľského operačného systému, ako je GPS, fotoaparát, baterka atď.
  • Používatelia môžu vytvárať svoje aplikácie a potom ich prispôsobovať pre Android, iOS, Windows, desktop (s Electron) alebo moderné prehliadače.
  • ionické obsahuje pohyblivé časti, typografiu alebo rozšíriteľnú základnú tému.
  • Pri použití Webové komponenty, Ionic poskytuje vlastné komponenty a metódy, ktorými s nimi môžete interagovať. Jedna z týchto komponentov, virtuálne posúvanie, umožňuje užívateľom prechádzať zoznamom tisícov položiek bez akéhokoľvek vplyvu na výkon. Ďalší komponent, Tabs, vytvára rozhranie s kartami, ktoré podporuje navigáciu v natívnom štýle a správu stavu histórie.
  • Ionic okrem SDK poskytuje služby, ktoré môžu vývojári použiť na povolenie funkcií, ako sú implementácie kódu alebo automatické zostavenia.
  • tiež poskytuje svoje vlastné IDE známe ako Ionic Studio.
  • Ponúka tiež rozhranie Príkazový riadok (CLI) vytvárať projekty. CLI tiež umožňuje vývojárom pridať ďalšie doplnky a balíky Cordova, povoliť push oznámenia, vytvárať ikony aplikácií, úvodné obrazovky a vytvárať pôvodné binárne súbory.

Nainštalujte Ionic na Ubuntu 20.04

Inštalácia tohto rámca je veľmi jednoduchá. Na začiatok stačí otvoriť terminál (Ctrl + Alt + T) a aktualizovať naše systémové balíčky:

sudo apt update; sudo apt upgrade

Tak to urobíme nainštalovať niekoľko potrebných balíkov. Na tom istom termináli budeme musieť použiť príkaz:

nainštalujte závislosti

sudo apt install curl gnupg2 wget git

Ďalším krokom bude nainštalujte NodeJS. Tento príklad som testoval s verziou 14.x. Ak chcete nainštalovať túto verziu, začneme pridaním potrebného úložiska:

pridať repo nodejs

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Potom môžeme inštalovať NodeJS spustením tohto iného príkazu:

nainštalovať nodejs

sudo apt install nodejs

Ionic vyžaduje Apache Cordova. Malo by sa objasniť, že ide o sadu rozhraní API zariadenia, ktoré vývojárovi mobilných aplikácií umožňujú pomocou JavaScriptu pristupovať k natívnym funkciám zariadenia, ako je fotoaparát alebo akcelerometer.

Po inštalácii NodeJS môžeme nainštalovať cordova beh:

inštalácia cordova

sudo npm install -g cordova

V tomto bode môžeme prejsť na nainštalujte Ionic pomocou npm:

inštalácia pomocou npm

sudo npm i -g @ionic/cli

Po inštalácii môžeme skontrolujte nainštalovanú verziu pomocou príkazu:

iónová verzia

ionic -v

Príklad aplikácie

Aby sme zistili, či bola inštalácia vykonaná správne, môžeme začať vytvorením malej ukážkovej aplikácie. K tomu budeme musieť iba spustite nasledujúci príkaz a vytvorte príklad:

ionic start

Pri spustení tohto príkazu budete musieť definovať, aký typ projektu chcete vytvoriť. Pre tento príklad som vybral Angular. Okrem toho budete musieť svojmu projektu dať názov a vybrať šablónu. To všetko budete musieť vybrať z obrazovky podobnej nasledujúcej:

iónový štart

Po nastavení, vygeneruje sa priečinok s názvom, ktorý sme projektu dali. Prístup k tomuto priečinku vám umožní zobraziť štruktúru projektu.

inštrukcie na spustenie pre príklad

Byť schopný prezrieť si projektNa tom istom termináli vykonáme tento ďalší príkaz:

spustenie servera

ionic serve --host 0.0.0.0 --port 8000

Týmto príkazom umožníme ľubovoľnému hostiteľovi prístup na port 8000.

Keď je načítané všetko, čo potrebujete, otvorte webový prehliadač a prejdite na http://localhost:8000 o http://IP-de-tu-servidor:8000 a uvidíte ukážkovú stránku, ktorá bola práve vytvorená.

príklad aplikácie

Ionic je moderný framework, ktorý nám umožňuje vyvíjať multiplatformové aplikácie jednoduchým a elegantným spôsobom. Dá sa to získať ďalšie informácie a dokumentáciu o jeho inštalácii a prevádzke v webová stránka projektu.


Buďte prvý komentár

Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.