Sample Project

In unserem Beispiel zeigen wir Ihnen die Entwicklung mittels Cordova Plugin und Ionic. Wir versuchen die Abläufe so detailliert wie möglich darzustellen, sollte dennoch etwas fehlen, senden Sie bitte eine Email an unseren Support oder nutzen Sie das Kontaktformular auf dieser Webseite.

 

Wir gehen davon aus, dass die benötigten Komponenten bereits auf Ihrem Computer installiert wurden. Falls Sie Informationen zum Aufsetzen einer Entwicklungsmaschine benötigen, klicken Sie here.
Hinweis: zum Erstellen einer iOS App ist ein iMac oder ein MacBook erforderlich.

Projekt erstellen

Öffnen Sie ein Befehlszeilenfenster und navigieren Sie in Ihren bevorzugten Projekt Ordner. In unserem Fall benutzen wir den projekt Ordner in unserem Heimatverzeichnis.

Erstellen Sie ein leeres Ionic Projekt durch Benutzung der “blank” Vorlage.
Geben Sie dazu folgenden Befehl ein:

 ionic start <PROJEKTNAME> blank --cordova

dieser Befehl erstellt ein Ionic Projekt mit Apache Cordova Support in einem neuen Ordner mit dem angegebenen Namen innerhalb des aktuellen Ordner.

Wechseln Sie auf der Befehlszeile nun in diesen Ordner und starten Sie Microsoft Visual Studio Code mit dem Kommando

 code .
Projekt anpassen

Nachdem Microsoft Visual Studio Code gestartet ist, öffnen wir die Datei config.xml und ändern in Zeile 2 die Widget ID. Hier wird eine eindeutige ID in Form eines DNS Namen in Rückwärts Notation erwartet.
Zusätzlich sollten die Felder Name, Beschreibung und Author angepasst werden.

Plugin installiern

laden Sie das CaptureID Plugin aus dem Internet. Den Downloadlink erhalten Sie hier.

Erstellen Sie nun in Ihren Arbeitsverzeichnis einen Ordner “cordova-plugin-captureid” und entpacken Sie den Inhalt des Archivs in diesen Ordner.

An der Befehlszeile führen Sie aus dem Projektordner diesen Befehl aus.

 ionic cordova plugin add ../cordova-plugin-captureid
Plugin Funktionen benutzen

zur einfachen Benutzung der CaptureID Funktionen haben wir einen Service erstellt, den wir ständig erweitern. Die aktuelle Version dieser Typescript Datei können Sie hier anfordern und in Ihrem Ionic Cordova Projekt benutzen.
Im weiteren Verlauf werden wir diesen Service erstellen und in unserem Projekt verwenden.