Ionic je bezplatný a open source framework pro vytváření vysoce kvalitních multiplatformních nativních a webových aplikací. Dodává se s výkonným rozhraním příkazového řádku, které vám pomůže vytvořit projekt z 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 příspěvku vám ukážeme, jak nainstalovat Ionic Mobile App Framework na server Debian 10.
Předpoklady
- Server se systémem Debian 10.
- Na serveru je nakonfigurováno heslo uživatele root.
Začínáme
Nejprve aktualizujte systémové balíčky na aktualizovanou verzi spuštěním následujícího příkazu:
apt-get update -y
Jakmile jsou všechny balíčky aktualizovány, můžete nainstalovat další požadované balíčky pomocí následujícího příkazu.
apt-get install curl gnupg2 wget -y
Instalovat Node.js
Dále budete muset do systému nainstalovat Node.js. Ve výchozím nastavení není nejnovější verze Node.js součástí úložiště Debianu. Takže budete muset přidat zdrojové úložiště Node do vašeho systému.
Zdrojové úložiště uzlu můžete přidat pomocí následujícího příkazu:
curl -sL https://deb.nodesource.com/setup_14.x | bash -
Po přidání úložiště nainstalujte soubor Node.js pomocí následujícího příkazu:
apt-get install nodejs -y
Po instalaci Node.js ověřte verzi Node.js pomocí následujícího příkazu:
node --version
Měli byste vidět následující výstup:
v14.17.1
Dále je také potřeba nainstalovat Cordova do vašeho systému. Můžete jej nainstalovat pomocí následujícího příkazu:
npm install -g cordova
Po instalaci můžete přejít k dalšímu kroku.
Instalovat Ionic Framework
Nejprve budete muset nainstalovat iontový nástroj CLI na váš server. Můžete jej nainstalovat pomocí následujícího příkazu:
npm i -g @ionic/cli
Po instalaci iontu ověřte iontovou verzi pomocí následujícího příkazu:
ionic -v
Měli byste získat následující výstup:
6.16.3
Vytvořit projekt pomocí Ionic
Nyní můžete vytvořit svůj první projekt pomocí následujícího příkazu:
ionic start
Budete požádáni o výběr rámce mezi React nebo Angular, zadání názvu projektu a výběr šablony, jak je uvedeno níže:
Pick a framework! ???? Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the --type option. ? Framework: Angular Every great app needs a name! ???? Please enter the full name of your app. You can change this at any time. To bypass this prompt next time, supply name, the first argument to ionic start. ? Project name: myapp Let's pick the perfect starter template! ???? Starter templates are ready-to-go Ionic apps that come packed with everything you need to build your app. To bypass this prompt next time, supply template, the second argument to ionic start. ? Starter template: tabs ? Preparing directory ./myapp in 3.69ms ? Downloading and extracting tabs starter in 591.18ms ? Integrate your new app with Capacitor to target native iOS and Android? No Your Ionic app is ready! Follow these next steps: - Go to your new project: cd ./myapp - Run ionic serve within the app directory to see your app in the browser - Run ionic capacitor add to add a native iOS or Android project using Capacitor - Generate your app icon and splash screens using cordova-res --skip-config --copy - Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs - Building an enterprise app? Ionic has Enterprise Support and Features: https://ion.link/enterprise-edition
Spusťte aplikaci
Nyní změňte adresář na svůj projekt a spusťte aplikaci pomocí následujícího příkazu:
cd myapp
ionic serve --host 0.0.0.0 --port 8100,/p>
Měli byste získat následující výstup:
> ng run app:serve --host=0.0.0.0 --port=8100
[INFO] Development server running!
Local: http://localhost:8100
External: http://216.98.11.73:8100
Use Ctrl+C to quit this process
[INFO] Browser window opened to http://localhost:8100!
Nyní otevřete webový prohlížeč a otevřete aplikaci pomocí adresy URL http://ip-ip-vašeho-serveru:8100 . Svou iontovou aplikaci byste měli vidět na následující obrazovce:
Závěr
Gratulujeme! úspěšně jste nainstalovali Ionic framework na Debian 10 server. Nyní můžete začít vytvářet svou mobilní aplikaci pomocí frameworku Ionic.