PhoneGap Installation & Erste Schritte (Windows)

Posted: Juli 20th, 2013 | Filed under: Internet, Tutorials | Tags: , , , , , | No Comments »

Da die Installationsanweisung von PhoneGap zum Teil sehr ungenau ist, hier die einzelnen Schritte zum erfolgreichen Einrichten der Entwicklungsumgebung und dem ersten Projekt.

Installationen

    1. JDK 7 (64-Bit) installieren (Achtung JRE reicht nicht!) http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
    2. Android SDK installieren (64-Bit) http://developer.android.com/sdk/index.html
    3. “tools”-Ordner des Android SDK zur Umgebungsvariable “PATH” hinzufügen
    4. Eclipse Classic installieren (64-Bit) http://www.eclipse.org/downloads/
    5. Eclipse ADT-Plugin installieren http://developer.android.com/sdk/installing/installing-adt.html
    6. PhoneGap herunterladen und in ein Verzeichnis entpacken http://phonegap.com/download/
    7. Ant (http://ant.apache.org ) herunterladen und entpacken
    8. Ant “bin”-Verzeichnis zur Umgebungsvariable “PATH” hinzufügen
    9. JAVA_HOME Umgebungsvariable auf Pfad des JDK setzen

Projekt erstellen

Navigiere dich über die Konsole in das PhoneGap-Verzeichnis (hier “cd D:\Programme\Android\phonegap-2.5.0\lib\android\bin”), und generiere dir mit Hilfe der “create.bat” ein Projekt.

image

image

Im Anschluss darauf wird das Projekt automatisiert, unter dem angegeben Pfad, erzeugt.

image

Projekt importieren

Nun könnt ihr das so eben erstellte Projekt in Eclipse importieren.

image

PhoneGap App – Testen

Standardmäßig befindet sich bereits eine Test-HTML-Applikation im “assets/www”-Verzeichnis. Um die Applikation schließlich auf einem Android-Gerät oder auf dem Android-SDK mitgelieferten Emulator zu testen, so kann die Applikation per Rechtsklick auf den Projekt-Ordner mit dem Dialog-Befehl “Run as >Android Application” gestartet werden. Im Anschluss darauf öffnet sich ein Modal-Fenster, in welchem man ein bereits angeschlossenes Android-Geräte, falls bei diesem bereits das USB-Debugging aktiviert ist, oder ein Virtuelles Gerät, welches man über einen Manager erstellt, auswählen kann.

Testen im Emulator

Da der mitgelieferte Emulator sehr langsam ist, bietet es sich an ein echtes x86 Image zu installieren. Dies könnt ihr wie folgt realisieren (funktioniert nur bei Intel Prozessoren). Im Android SDK Manager einen Haken bei “Intel x86 Atom System Image” machen.

image

Hier eine genau Anleitung wie ihr das Image dann verwendet: http://software.intel.com/en-us/articles/installing-the-intel-atom-tm-android-x86-emulator-image-add-on-from-the-android-sdk-manager