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:

Ioniq testpagina

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.