Ionic ist ein Open-Source-Framework, das für die Entwicklung hybrider mobiler Apps mit Webtechnologien wie CSS, HTML5 und Sass verwendet werden kann. Ionic bietet eine leistungsstarke Befehlszeilenschnittstelle, die zum Erstellen eines Projekts mit einem einfachen Befehl verwendet werden kann. Ionic unterstützt Android, IOS und die universelle Windows-Plattform für die Entwicklung von Apps. Ionic verwendet Cardova-Plugins für den Zugriff auf Kamera, GPS und Taschenlampe.
In diesem Tutorial lernen wir, das Ionic-Framework auf Ubuntu 18.04 (Bionic Beaver) zu installieren.
Anforderungen
- Ein Server mit Ubuntu 18.04 auf Ihrem System.
- Ein Nicht-Root-Benutzer mit sudo-Berechtigungen.
Installieren Sie Node.js und Cordova
Zuerst müssen Sie Node.js auf Ihrem System installieren. Standardmäßig ist die neueste Version von Node.js nicht im Standard-Repository von Ubuntu 18.04 verfügbar. Sie müssen also PPA für node.js zu Ihrem System hinzufügen.
Sie können das Node.js-PPA mit dem folgenden Befehl hinzufügen:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Als nächstes installieren Sie Node.js mit dem folgenden Befehl:
sudo apt-get install nodejs -y
Als nächstes müssen Sie Cordova auf Ihrem System installieren. Sie können es mit dem folgenden Befehl installieren:
sudo npm install -g cordova
Installieren Sie Ionic Framework
Ionic wird mit einem praktischen Befehlszeilenprogramm zum Starten, Erstellen und Verpacken von Ionic-Apps geliefert. Sie können es installieren, indem Sie einfach den folgenden Befehl ausführen:
sudo npm install -g ionic
Sobald die Ionic installiert ist, können Sie die Version der Ionic mit dem folgenden Befehl überprüfen:
ionic -v
Ausgabe:
3.20.0
Projekt mit Ionic erstellen
Als nächstes müssen Sie irgendwo auf dem Computer ein neues Cordova-Projekt für den Code Ihrer App erstellen:Sie können dies mit dem folgenden Befehl tun:
ionic start HelloWorld blank
Der obige Befehl erstellt ein Verzeichnis HelloWorld.
Wechseln Sie als Nächstes in das Verzeichnis HelloWorld und listen Sie den Inhalt auf:
cd HelloWorld/
ls -l
Sie sollten die folgende Ausgabe sehen:
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
Aktivieren Sie als Nächstes die Android-Plattform und erstellen Sie das Projekt für Android mit dem folgenden Befehl:
ionic platform add android
ionic cordova build android
ionic cordova emulate android
Das ist es! Sie können Ihre App jetzt ganz einfach erstellen.