Android App Entwicklung mit Cordova / PhoneGap

Aus Wikizone
Wechseln zu: Navigation, Suche

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 Old School bis 2.0.0

DEPRECATED

In höheren Versionen gibt es kein cordova.jar mehr und ein paar Veränderungen in der Struktur. Es werden die Command Line Tools empfohlen s.u.

  • 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

  • new blank activity (Main Activity)

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/

Projekt mit dem Cordova Create Script beginnen

http://docs.phonegap.com/en/2.1.0/guide_command-line_index.md.html#Command-Line%20Usage_android

In der Distribution gibt es ein create Skript unter 

cordova-android/bin/create

zum Ausführen werden als Parameter mitgegeben:

  • Path to your new Cordova Android project
  • Package name, following reverse-domain style convention
  • Main Activity name

Beispiele 

/path/to/cordova-android/bin/create /path/to/my_new_cordova_project com.example.cordova_project_name CordovaProjectName

~/Developer/cordova-2.4.0/cordova-android/bin/create ~/Documents/workspace/hello_cordova de.webmynet.hello_cordova helloCordova
Abgerufen von „https://wiki.stephanschlegel.de/index.php?title=Android_App_Entwicklung_mit_Cordova_/_PhoneGap&oldid=19536“