Android App Entwicklung mit Cordova / PhoneGap
Begriffe
ADT = Android Developer Tools
Benötigte Komponenten und Installation
Am einfachsten mit dem Komplettpaket:
http://developer.android.com/sdk/index.html
Enthält:
- Eclipse + ADT plugin
- Android SDK Tools
- Android Platform-tools
- The latest Android platform
- The latest Android system image for the emulator
Installation der benötigten Werkzeuge
Download und Entpacken von obigem Link:
adt-bundle-<os_platform>.zip
Kopieren des Ordners z.B. nach Developer. Darin enthalten ist das Android SDK und Eclipse
Jetzt haben wir eine Android Entwicklungsumgebung.
PATH Variable für das Android SDK setzen
Wir öffnen die bash_profile Datei (wenn Sie nicht vorhanden ist wird Sie erzeugt.
touch ~/.bash_profile; open ~/.bash_profile
Jetzt können wir den Pfad zum Android SDK setzen und die Datei abspeichern. So wird bei jedem Terminal Aufruf der Pfad gesetzt. Man muß das also später nicht mehr machen.
export PATH=${PATH}:/Developer/adt-bundle-mac-x86_64/platform-tools:/Development/android-sdk-macosx/sdk/tools
Datei abspeichern und ausführen.
source ~/.bash_profile
Projekt beginnen
- Android Projekt definieren
- Cordova Bibliotheken importieren
- Start-Java-Datei für PhoneGap bestimmen
- Grundklasse modifizieren, um DroidGap zu erweitern.
- setContentView ändern, damit die URL Ihres HTML-basierten Home-Bildschirms, der auch manuell erstellt wird, geladen wird.
Android Projekt anlegen
File > New Android Application Project
Create new project in workspace
PhoneGap integrieren
Ordnerstruktur anlegen
Wir benötigen im Android Projekt folgende Ordner für PhoneGap:
assets/www libs
Der HTML Code und das JavaScript für PhoneGap wird später in assets/www landen.
PhoneGap Komponenten kopieren
Aus der PhoneGap / Cordova Distribution den Android Ordner suchen und folgende Dateien ins Projekt kopieren:
cordova-1.5.0.js > assets/www cordova-1.5.0.jar > libs/ xml directory > res/