installeer je Ionic Framework op Debian 10
Ionic is een gratis en open-source raamwerk voor het bouwen van hoogwaardige, cross-platform native en web apps. Het wordt geleverd met een krachtige command-line interface die je helpt om met een eenvoudig commando een project te maken. Ionic ondersteunt Android, IOS, en het Universal Windows Platform voor het ontwikkelen van apps. Ionic gebruikt Cardova plugins voor toegang tot Camera, GPS en Flitslicht.
In deze post laten we je zien hoe je Ionic Mobile App Framework op Debian 10 server kunt installeren.
Vereisten
- Een server waarop Debian 10 draait.
- Een root wachtwoord is op de server ingesteld.
Aan de slag
Werk eerst de systeempakketten bij naar de bijgewerkte versie door het volgende commando uit te voeren:
apt-get update -y
Als alle pakketten bijgewerkt zijn, kun je andere vereiste pakketten installeren met het volgende commando.
apt-get install curl gnupg2 wget -y
Installeer Node.js
Vervolgens moet je Node.js op je systeem installeren. Standaard is de nieuwste versie van Node.js niet in de Debian repository opgenomen. Je zult dus de Node broncode repository aan je systeem moeten toevoegen.
Je kunt de Node bron repository toevoegen met het volgende commando:
curl -sL https://deb.nodesource.com/setup_14.x | bash -
Als de repository is toegevoegd, installeer je de Node.js met het volgende commando:
apt-get install nodejs -y
Na de installatie van Node.js controleer je de versie van Node.js met het volgende commando:
node --version
Je zou de volgende uitvoer moeten zien:
v14.17.1
Vervolgens moet je ook Cordova op je systeem installeren. Je kunt het installeren met het volgende commando:
npm install -g cordova
Eenmaal geïnstalleerd kun je doorgaan naar de volgende stap.
Installeer Ionic Framework
Eerst moet je een ionic CLI hulpprogramma op je server installeren. Je kunt het installeren met het volgende commando:
npm i -g @ionic/cli
Controleer na de installatie van ionic de ionic versie met het volgende commando:
ionic -v
Je zou de volgende uitvoer moeten krijgen:
6.16.3
Maak een Project met Ionic
Nu kun je je eerste project maken met het volgende commando:
ionic start
Je wordt gevraagd het framework te kiezen tussen React of Angular, je projectnaam op te geven, en een sjabloon te kiezen zoals hieronder:
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
Start de toepassing
Verander nu de directory naar je project en start de toepassing met het volgende commando:
cd myapp
ionic serve --host 0.0.0.0 --port 8100,/p>
Je zou de volgende uitvoer moeten krijgen:
> 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!
Open nu je webbrowser en open je toepassing met de URL http://your-server-ip:8100. Je zou je ionic toepassing op het volgende scherm moeten zien:
Conclusie
Gefeliciteerd! je hebt met succes het Ionic framework op de Debian 10 server geïnstalleerd. Je kunt nu beginnen met het maken van je mobiele toepassing met het Ionic raamwerk.