Apache Cordova (früher bekannt als PhoneGap) ist ein kostenloses Open-Source-Framework für die mobile Entwicklung, das zum Erstellen von Anwendungen für mobile Geräte mit CSS3, HTML5 und JavaScript verwendet werden kann. Sie können hybride mobile Anwendungen mit HTML, CSS und JavaScript auf der Cordova-Plattform erstellen, die auf verschiedenen mobilen Plattformen wie IOS, Android und Windows verwendet werden. Cordova entwickelt Hybrid-Apps schneller als native Apps, sodass Sie Entwicklungszeit sparen können.
In diesem Tutorial lernen wir, wie man Cordova auf Ubuntu 18.04 LTS (Bionic Beaver) installiert.
Anforderungen
- Ein Server mit Ubuntu 18.04 auf Ihrem System.
- Ein Nicht-Root-Benutzer mit sudo-Berechtigungen.
Installieren Sie Node.js
Zuerst müssen Sie die neueste Version von 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 dies mit dem folgenden Befehl tun:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
Sobald das Repository installiert ist, installieren Sie Node.js mit dem folgenden Befehl:
sudo apt-get install nodejs -y
Cordova installieren
Installieren Sie nun Cordova mit dem folgenden npm-Befehl:
sudo npm install -g cordova
Ausgabe:
/usr/bin/cordova -> /usr/lib/node_modules/cordova/bin/cordova+ [email protected]1 Paket in 15,829 Sekunden aktualisiert
Sobald Cordova installiert ist, können Sie die Version mit dem folgenden Befehl überprüfen:
cordova --version
Ausgabe:
Erstellen Sie Ihre erste App
Cordova ist jetzt installiert, es ist an der Zeit, eine App mit Cordova zu erstellen.
Führen Sie den folgenden Befehl aus, um Ihre erste App mit dem Namen TestApp zu erstellen:
cordova erstellt TestApp
Ausgabe:
Erstellen eines neuen Cordova-Projekts.
Wechseln Sie als Nächstes in das Verzeichnis TestApp und fügen Sie die erforderliche Plattform in Ihrer Anwendung hinzu.
cd TestApp
Cordova-Plattform Android hinzufügen
Sie sollten die folgende Ausgabe sehen:
Verwenden von Cordova-Fetch für [email protected]~7.0.0 Android-Projekt wird hinzugefügt... Cordova-Projekt für die Android-Plattform wird erstellt:Pfad:Plattformen/Android Paket:io.cordova.hellocordova Name:HelloCordova Aktivität:MainActivity Android-Ziel:android-26Subproject Path:CordovaLibSubproject Path:appAndroid-Projekt erstellt mit [email protected]Android Studio-Projekt erkanntAndroid Studio-Projekt erkanntErkanntes Plugin „cordova-plugin-whitelist“ in config.xml. Hinzufügen zum ProjektInstallieren von „cordova-plugin-whitelist“ für Android Dieses Plugin gilt nur für Cordova-Android-Versionen größer als 4.0. Wenn Sie eine frühere Plattformversion haben, benötigen Sie dieses Plugin *nicht*, da die Whitelist integriert wird. Speicherflag oder automatisches Speichern erkanntSpeichern [email protected]~7.0.0 in config.xml-Datei ...
Führen Sie als Nächstes den folgenden Befehl aus, um die installierten und verfügbaren Plattformen für die Cordova-Anwendung aufzulisten.
cordova-Plattform -ls
Ausgabe:
Installierte Plattformen:Android 7.0.0Verfügbare Plattformen:Browser ~5.0.1 ios ~4.5.4 osx ~4.0.1 windows ~5.0.0 www ^3.12.0
Wenn Sie eine Plattform entfernen möchten, können Sie sie entfernen, indem Sie einfach den folgenden Befehl ausführen:
Cordova-Plattform entfernt Android
Als Nächstes müssen Sie alle Anforderungen für Ihre Build-Umgebung erfüllen. Sie können dies tun, indem Sie den folgenden Befehl ausführen:
Cordova-Anforderungen
Nachdem alle erforderlichen Abhängigkeiten erfolgreich installiert wurden, führen Sie den folgenden Befehl aus, um Ihre Anwendung zu erstellen:
Cordova Build Android
Links
- Apache Cordova