Ionic je open-source Framework, který lze použít k vývoji hybridních mobilních aplikací pomocí webových technologií, jako jsou CSS, HTML5 a Sass. Ionic poskytuje výkonné rozhraní příkazového řádku, které lze použít k vytvoření projektu pomocí jednoduchého příkazu. Ionic podporuje Android, IOS a Universal Windows Platform pro vývoj aplikací. Ionic používá Cardova pluginy pro přístup k fotoaparátu, GPS a svítilně.
V tomto tutoriálu se naučíme nainstalovat Ionic framework na Ubuntu 18.04 (Bionic Beaver).
Požadavky
- Server se systémem Ubuntu 18.04 pro váš systém.
- Uživatel bez oprávnění root s právy sudo.
Instalovat Node.js a Cordova
Nejprve budete muset do systému nainstalovat Node.js. Ve výchozím nastavení není nejnovější verze Node.js k dispozici ve výchozím úložišti Ubuntu 18.04. Budete tedy muset do svého systému přidat PPA pro node.js.
Node.js PPA můžete přidat pomocí následujícího příkazu:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Dále nainstalujte Node.js pomocí následujícího příkazu:
sudo apt-get install nodejs -y
Dále budete muset nainstalovat Cordova do vašeho systému. Můžete jej nainstalovat pomocí následujícího příkazu:
sudo npm install -g cordova
Instalovat Ionic Framework
Ionic přichází s pohodlnou utilitou příkazového řádku pro spouštění, sestavování a balení aplikací Ionic. Můžete jej nainstalovat pouhým spuštěním následujícího příkazu:
sudo npm install -g ionic
Jakmile je Ionic nainstalován, můžete zkontrolovat verzi Ionic pomocí následujícího příkazu:
ionic -v
Výstup:
3.20.0
Vytvořit projekt pomocí Ionic
Dále budete muset někde v počítači vytvořit nový projekt Cordova pro kód pro vaši aplikaci:Můžete to udělat pomocí následujícího příkazu:
ionic start HelloWorld blank
Výše uvedený příkaz vytvoří adresář HelloWorld.
Dále změňte adresář na HelloWorld a vypište obsah:
cd HelloWorld/
ls -l
Měli byste vidět následující výstup:
total 260 -rw-r--r-- 1 3434 3434 92 Jun 9 15:43 ionic.config.json drwxr-xr-x 536 root root 20480 Jun 9 15:46 node_modules -rw-r--r-- 1 3434 3434 1135 Jun 9 15:43 package.json -rw-r--r-- 1 root root 224175 Jun 9 15:46 package-lock.json drwxr-xr-x 6 3434 3434 4096 Jun 9 15:43 src -rw-r--r-- 1 3434 3434 519 May 30 23:39 tsconfig.json -rw-r--r-- 1 3434 3434 178 May 30 23:39 tslint.json
Dále povolte platformu Android a sestavte projekt pro Android pomocí následujícího příkazu:
ionic platform add android
ionic cordova build android
ionic cordova emulate android
A je to! Nyní můžete snadno vytvořit svou aplikaci.