V příštím článku se podíváme na Ionic Framework a jak jej lze nainstalovat na Ubuntu 20.04. Tento rámec umožní uživatelům implementovat projekty s jinými rámci, jako je Angular. Ionic je plně open source SDK pro vývoj hybridních mobilních aplikací vytvořený Maxem Lynchem, Benem Sperrym a Adamem Bradleyem v roce 2013 od společnosti Drifty Co. Původní verze byla vydána v roce 2013 a byla postavena na platformách AngularJS a Apache Cordova. Nejnovější verze však byla přestavěna jako sada webových komponent, které umožňuje uživateli zvolit si provedení projektů Angular, React nebo Vue.js. Umožňuje také použití iontových komponent bez jakéhokoli rámce uživatelského rozhraní.
Ionic poskytuje nástroje a služby pro vývoj hybridních desktopových, mobilních a progresivních webových aplikací založených na moderních postupech a technologiích webového vývoje. K tomu lze použít webové technologie jako CSS, HTML5 a Sass. Díky tomuto rámci můžeme vyvíjet aplikace s webovými technologiemi kompatibilními s iOS, Androidem nebo samotným webem. Nabízí také výkonný nástroj CLI, se kterým budeme moci spravovat a vytvářet projekty.
Obecná charakteristika Ionic
- Tento rámec je bezplatný a open source. Nabízí knihovnu nástrojů a komponent uživatelského rozhraní optimalizovaných pro mobilní zařízení, pomocí kterých lze vytvářet rychlé a vysoce interaktivní aplikace.
- Ionic používá Cordova, a v poslední době zásuvné moduly pro přístup k funkcím hostitelského operačního systému, jako je GPS, fotoaparát, svítilna atd.
- Uživatelé mohou vytvářet své aplikace a poté je přizpůsobovat pro Android, iOS, Windows, desktop (s Electron) nebo moderní prohlížeče.
- Ionic zahrnuje pohyblivé součásti, typografii nebo rozšiřitelné základní téma.
- Při použití Webové komponenty„Ionic poskytuje vlastní komponenty a metody pro interakci s nimi. Jedna z těchto součástí, virtuální posouvání, umožňuje uživatelům procházet seznamem tisíc položek bez jakéhokoli dopadu na výkon. Další součást, Tabs, vytváří rozhraní s kartami, které podporuje navigaci v nativním stylu a správu stavu historie.
- Kromě SDK poskytuje Ionic také služby, které mohou vývojáři použít k povolení funkcí, jako jsou implementace kódu nebo automatické sestavení.
- také poskytuje vlastní IDE známé jako Ionic Studio.
- Nabízí také rozhraní Příkazový řádek (CLI) k vytváření projektů. CLI také umožňuje vývojářům přidat další doplňky a balíčky Cordova, povolit nabízená oznámení, generovat ikony aplikací, úvodní obrazovky a vytvářet nativní binární soubory.
Nainstalujte Ionic na Ubuntu 20.04
Instalace tohoto frameworku je celkem jednoduchá. Pro začátek stačí otevřít terminál (Ctrl + Alt + T) a aktualizovat naše systémové balíčky:
sudo apt update; sudo apt upgrade
Tak to uděláme nainstalujte některé potřebné balíčky. Na stejném terminálu budeme muset použít příkaz:
sudo apt install curl gnupg2 wget git
Dalším krokem bude nainstalujte NodeJS. Tento příklad jsem testoval s verzí 14.x. Chcete -li nainstalovat tuto verzi, začneme přidáním potřebného úložiště:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Pak můžeme instalovat NodeJS spuštěním tohoto dalšího příkazu:
sudo apt install nodejs
Ionic vyžaduje Apache Cordova. Mělo by být objasněno, že se jedná o sadu rozhraní API zařízení, která umožňují vývojáři mobilních aplikací pomocí JavaScriptu přístup k nativním funkcím zařízení, jako je kamera nebo akcelerometr.
Po instalaci NodeJS můžeme nainstalovat cordova běh:
sudo npm install -g cordova
V tomto bodě můžeme přejít k nainstalujte Ionic pomocí npm:
sudo npm i -g @ionic/cli
Po instalaci můžeme zkontrolujte nainstalovanou verzi pomocí příkazu:
ionic -v
Příklad aplikace
Abychom věděli, zda byla instalace provedena správně, můžeme začít vytvořením malé ukázkové aplikace. K tomu budeme muset pouze spusťte následující příkaz a vytvořte příklad:
ionic start
Při spuštění tohoto příkazu budete muset definovat, jaký typ projektu chcete vytvořit. Pro tento příklad jsem zvolil Angular. Kromě toho budete muset svému projektu dát název a vybrat šablonu. To vše budete muset vybrat z obrazovky podobné následující:
Po nastavení, bude vygenerována složka s názvem, který jsme projektu dali. Přístupem do této složky zobrazíte strukturu projektu.
Na zobrazit projekt, na stejném terminálu provedeme tento další příkaz:
ionic serve --host 0.0.0.0 --port 8000
S tímto příkazem umožníme každému hostiteli přístup na port 8000.
Když je načteno vše, co potřebujete, otevřete webový prohlížeč a přejděte na http://localhost:8000 o http://IP-de-tu-servidor:8000 a uvidíte ukázkovou stránku, která byla právě vytvořena.
Ionic je moderní framework, který nám umožňuje vyvíjet aplikace napříč platformami jednoduchým a elegantním způsobem. Lze to získat více informací a dokumentace o jeho instalaci a provozu v webové stránky projektu.