Erstellen Sie Ihre eigene Mobile App mit Cordova

Die Verwendung von Cordova kann für viele Webentwickler der schnellste Weg sein, mit dem Erstellen einer mobilen Anwendung zu beginnen. Mit Cordova müssen Sie keine neuen Programmiersprachen lernen, Sie können einfach HTML, CSS und JavaScript verwenden.

Mit dem Phonegap-Build-Tool können Sie Ihre Codes in zahlreichen mobilen Plattformen wie iOS, Android, Windows Phone und BlackBerry zusammenstellen. Die Frage ist jetzt "wo soll ich anfangen?"

Zunächst müssen wir ein "Cordova-Projekt" schaffen . Wenn Sie ein Webentwickler sind, der daran interessiert ist, eine eigene mobile Anwendung zu erstellen, folgen Sie diesem Beitrag. Wir zeigen Ihnen den schnellsten Weg, ein Projekt zum Erstellen einer mobilen Anwendung mit Cordova zu starten. Lass uns einfach anfangen.

Cordova CLI

Cordova verfügt über eine Befehlszeilenschnittstelle (CLI), die den Befehl zum Erstellen eines Projekts, zum Emulieren und zum Erstellen der App enthält. Die Cordova CLI ist als Node.js-Paket verfügbar. Sie müssen also Node.js installieren, um es installieren zu können.

Angenommen, Sie haben es auf Ihrem Computer installiert, können Sie diese Befehlszeile in Terminal oder Eingabeaufforderung eingeben, um Cordova CLI zu installieren.

 npm install -g cordova 

Dadurch wird der cordova Befehl global installiert. Sie können den Befehl überall in Ihren Computerverzeichnissen erreichen. cordova -v, um die installierte Version zu erhalten.

Ein Projekt erstellen

Sobald Sie das Cordova CLI installiert haben, ist der Start eines Cordova-Projekts ein Kinderspiel. Auch wenn Sie mit Befehlszeilen nicht vertraut sind, sollte dies leicht zu folgen sein. Wir können ein Projekt mit dem Befehl create gefolgt vom Namen des Projektordners. Beispiel:

 Cordova erstellen hongkiatcom 

Dieser Befehl lädt alle notwendigen Dateien sowie einige Beispieldateien herunter, um uns bei der Entwicklung zu unterstützen.

Nachdem das Projekt erstellt wurde, geben Sie das Projektverzeichnis mit cd . Dieser Ordner sollte die Anzahl der Ordner wie folgt enthalten.

• Der Hooks- Ordner kann Skripts enthalten, die die nativen Cordova-Befehle anpassen.
• Der Merges- Ordner kann HTML-, CSS- und JavaScript-Dateien für bestimmte Plattformen enthalten und wird bei der Anwendungsimplementierung mit denen im www-Ordner überschrieben.
• Der Plattformordner enthält native App-Dateien, wenn wir eine bestimmte Plattform erstellen möchten.
• Der Plugins- Ordner enthält Plug-Ins, die Cordova erweitern.
• Der www- Ordner enthält allgemeine Webdateien, die plattformübergreifend verwendet werden.

Plattform IDE

Bevor wir fortfahren, benötigen wir eine IDE wie Xcode für die Entwicklung einer iOS-App, Android Studio für die Entwicklung von Android und Visual Studio für Windows Phone. Da ich OS X verwende und Xcode bereits installiert habe, werde ich sie verwenden, um die iOS-Plattform in meinem Projekt hinzuzufügen.

Geben Sie den folgenden Befehl ein:

 Cordova-Plattform hinzufügen ios 

Wie bereits erwähnt, fügt dieser Befehl native Dateien zum Erstellen von Apps für die angegebene Plattform in der Befehlszeile hinzu. Nachdem Sie den obigen Befehl ausgeführt haben, sollten Sie wie folgt einen Ordner namens ios finden, der .xcodeproj Dateien und eine Reihe anderer Dateien enthält.

Wenn Sie die Android-Plattform hinzugefügt haben, suchen Sie stattdessen einen Ordner namens Android .

Fügen Sie das Projekt in IDE hinzu (Xcode)

Jetzt fügen wir das Projektverzeichnis zur IDE hinzu, in diesem Fall Xcode. Starten Sie Xcode. Gehe zu Datei> Menü öffnen und navigiere zum Plattformverzeichnis - zum Beispiel / plattformen / ios . Klicken Sie auf Öffnen, um den Ordner in Xcode zu öffnen.

Sie können alles ändern - HTML, CSS, Bild und JS - im www- Ordner. Wenn Sie fertig sind, klicken Sie auf die Play-Schaltfläche oben links in Xcode, um die App zu kompilieren und im iPhone Simulator zu präsentieren.

Letzter Gedanke

Cordova hat es leicht gemacht, eine mobile App zu erstellen. Wir können eine mobile App erstellen, wie wir eine Website erstellen. In diesem Beitrag haben wir Ihnen gezeigt, wie Sie ein Cordova-Projekt erstellen und die App im iOS-Simulator präsentieren. Es gibt tatsächlich so viel mehr in Cordova zu entdecken. Leider hoffe ich, dass dieser Beitrag Ihnen helfen kann, Phonegap für die Entwicklung einer mobilen App zu nutzen.

Supersonic - Voice Messaging App von Google's Area 120

Nicht lange nach der Veröffentlichung der iOS-exklusiven Video-Sharing-App namens Uptime, ist Google's internes Inkubator, Area 120, zurück mit einer brandneuen App. Dieses Mal ist es für iOS- und Android-Geräte verfügbar .Die betreffende App heißt Supersonic und wird als Voice-Messaging-App bezeichnet. Auf

(Tech- und Design-Tipps)

Die Zukunft des Kinovergnügens: 3D-Filme und mehr

3D-Filme gibt es schon länger, als die meisten Leute denken. In der Tat gibt es sie seit etwa einem Jahrhundert - seit 1915! Wir haben die zunehmende Popularität dieser Filmtechnologie in den letzten zehn Jahren gesehen und sind zu der Erkenntnis gelangt, dass der jüngste Wiederaufschwung nicht nur eine vorübergehende Modeerscheinung ist .Die

(Tech- und Design-Tipps)