PhoneGap ab sofort auch für Windows-Phone-Apps geeignet

PhoneGap ist ja kein neues Ding mehr. Es handelt sich dabei um eine Multiplattform-Entwicklungsumgebung, mit der sich per HTML5, CSS und Javascript Webapplikationen schreiben lassen, die dann mithilfe des Phonegap-Frameworks auf nahezu sämtliche vorhandenen mobilen Plattformen wie iOS, Android und Symbian landen.

Tja, und seit der aktualisierten Version 1.3 ist es auch möglich, mithilfe von PhoneGap Windows-Phone-Apps zu programmieren. Dabei werden sämtliche nativen APIs von Windows Phone wie Beschleunigungssensor, Kamera und so fort unterstützt. Damit unterliegen PhoneGap-Entwickler im Vergleich zu ihren nativ programmierenden Kollegen keinerlei Restriktionen.

Für einen ersten schnellen Einstieg bietet die Phonegap-Seite einen 6-Punkte-Plan, der zeigt, wie Webentwickler mithilfe des Adobe-Frameworks (denen Phonegap mittlerweile gehört) ihre Anwendungen in den Windows Phone Marketplace bringen können:

1. Technische Voraussetzungen: Standardmäßig werden Windows 7 und Windows Vista SP2 unterstützt. Mac-Anwender kommen auch in den Genuss von Phonegap, allerdings muss man hierfür eine Bootcamp-Partition einrichten, auf der Windows 7 oder Vista läuft. Darüber hinaus benötigt man einen Entwickler-Account zum Windows Phone Marketplace.

 2. Phonegap und Windows Phone SDK installieren: Dabei ist es ganz wichtig, die Datei GapAppStarter.zip aus dem Windows-Phone-Verzeichnis in das Template-Verzeichnis zu kopieren, das sich unter C:\Users\[USERNAME]\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C# befindet.

3. Projekt starten: Innerhalb von Visual Studio Express für Windows Phone öffnet man eine neues Projekt, wählt GapAppStarter aus und vergibt einen Namen für das WP-Phonegap-Projekt.

4. Projektstruktur überprüfen: Innerhalb von GapAppStarter befinden sich im Ordner “www” sämtliche HTML-, JS-, CSS- und sonstigen Ressourcen, die allesamt Teil des Visual-Studio-Projektes und als “Content” vermerkt sein müssen.

5. Emulieren: Sobald die Anwendung lauffähig ist, empfiehlt sich ein erster Test mithilfe des Windows Phone Emulators, der per Drop-Down-Menü ausgewählt werden kann. Zum Debugger einfach nur F5 drücken.

6. Hardware-Test: Für einen echten Test empfiehlt es sich, die Phonegap-WP-App auf ein freigeschaltetes Entwicklergerät wie das Nokia Lumia 800 zu bringen. Hierzu müssen Entwickler-PC und WP-Device via USB verbunden und der Bildschirm entsperrt sein. Zudem müssen Sie innerhalb von Visual Studio die Option “Windows Phone Device” auswählen. Mit der Taste F5 beginnt der Debugging-Prozess direkt auf dem Smartphone.

Neben diesem Quick-Start-Guide gibt es auch zwei anschauliche Videos, die zeigen, wie sich Phonegap zu Windows-Phone-Zwecken installieren lässt. Zudem ist ein ausführlicher Workshop dabei.

Ach ja: einen neuen Namen wird Phonegap mit der Version 1.4 auch bekommen: so hat die Community darüber abgestimmt, das Phonegap doch nicht “Apache Callback”, sondern “Apache Cordova” heißen wird. Irgendwie klingen beide Namen nicht so dolle…

Mit Phonegap 1.3 können auch Windows-Phone-Apps geschrieben werden