installeer je Ionic Mobile App Framwork op Ubuntu 18.04 LTS

Ionic is een open-source Framework dat gebruikt kan worden om hybride mobiele apps te ontwikkelen met Web technologieën zoals CSS, HTML5, en Sass. Ionic biedt een krachtige command-line interface die gebruikt kan worden 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 zelfstudie leren we het Ionic raamwerk installeren op Ubuntu 18.04 (Bionic Beaver).

Vereisten

  • Een server met Ubuntu 18.04 op je systeem.
  • Een niet-root gebruiker met sudo privileges.

Installeer Node.js en Cordova

Eerst moet je Node.js op je systeem installeren. Standaard is de nieuwste versie van Node.js niet beschikbaar in de standaard repository van Ubuntu 18.04. Je zult dus PPA voor node.js aan je systeem moeten toevoegen.

Je kunt de Node.js PPA toevoegen met het volgende commando:

sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Installeer vervolgens de Node.js met het volgende commando:

sudo apt-get install nodejs -y

Vervolgens moet je Cordova op je systeem installeren. Je kunt het installeren met het volgende commando:

sudo npm install -g cordova

Installeer Ionic Framework

Ionic komt met een handig opdrachtregel hulpprogramma om Ionic apps te starten, te bouwen, en te verpakken. Je kunt het installeren door gewoon het volgende commando uit te voeren:

sudo npm install -g ionic

Als het Ionic geïnstalleerd is, kun je de versie van Ionic controleren met het volgende commando:

ionic -v

Uitvoer:

3.20.0

Creëer project met Ionic

Vervolgens moet je ergens op de computer een nieuw Cordova project maken voor de code voor je app: Je kunt dit doen met het volgende commando:

ionic start HelloWorld blank

Het bovenstaande commando maakt een directory HelloWorld aan.

Verander vervolgens de directory in HelloWorld en maak een lijst van de inhoud:

cd HelloWorld/
ls -l

Je zou de volgende uitvoer moeten zien:

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

Schakel vervolgens het Android platform in en bouw het project voor Android met het volgende commando:

ionic platform add android
ionic cordova build android
ionic cordova emulate android

Dat is het! Je kunt nu gemakkelijk je app bouwen.