flashdevelop.de

Da nun das iPhone auch ohne Vertrag der deutschen Telekom erhältlich ist, habe ich mir gleich eins zugelegt. Anschließend befasste ich mich mit der Entwicklung von Apps mit Flash. Leider habe ich zu diesem Thema nicht sehr viel im Internet gefunden und habe vieles ausprobiert und wieder verworfen und bin nun zu einem recht ordentlichem Ergebnis gekommen. Ob dies die beste Lösung ist, kann ich nicht sagen. Außerdem werde ich in diesem Beitrag nicht auf die Erstellung eines Apple Developer Account und die Erstellung eines Zertifikates eingehen, mehr dazu am Ende des Beitrages.

Was wir benötigen:

1. Flex4 SDK bekommt von Adobe
2. Packager für das iPhone von Adobe
3. AntForm
4. FDT iPhone Template

Flex4 und iPhone SDK einrichten:

Das iPhone Package ist nur eine Erweiterung für das Flex SDK, daher muss zunächst das Flex 4 SDK entpackt werden. Anschließend werden die vorhandenen Dateien mit dem iPhone Package ersetzt. Ich habe mir hierzu ein eigenen Ordner angelegt und das SDK in FDT wie folgt eingetragen. Die roten Zahlen in dem Bild sind die einzelnen Schritte.

SDK hinzufügen

Hab könnte man gleich mit einem Flex4 Air Projekt anfangen, es muss lediglich das SDK mit dem iPhone Package ausgewählt werden. Mit dem pfi Compiler, der sich in dem SDK Ordner befindet lib/pfi.jar oder bin/pfi.bat, kann aus der swf eine für das iPhone lauffähige ipa Datei erstellt werden.

Das Template:

Das Template legt bei der Projekterstellung alle wichtigen Dateien und Verzeichnisse an. Die Compiler Einstellungen werden ebenfalls angepasst. Da ich FTD unter Windows benutze, ist die Beschreibung für Mac OSX entwas anders. Das Template muss zuerst in das FDT Verzeichnis entpackt werden. Bei mir befindet sich dies in den Anwendungsdaten unter Dokumente und Einstellungen, die standart Templates sollten dort zu sehen sein. Jetzt können wir FDT starten und ein neues Projekt erstellen.

Shritt 1 - 4

Schritt 5 - 6

Nun ist das Grundgerüst des Projektes erstellt.

Templatestrukur

Wichtige Hinweise der Struktur:

* assets hier könnte die Projekt FLA hinein, die assets.fla.

* src beinhaltet die Sourcen des Projektes, die Main.as wird vom ANT Build als Einstiegspunkt genommen.

* bin hier wird die SWF abgelegt. Die Bilder im Verzeichnis icons werden vom pfi zwingend benötigt. Dies sind die Icons die im Store und auf dem iPhone angezeigt werden.

* build beinhaltet die benötigten Ant Dateien. Antform wird für die Auswahl des IPA Types und die Eingabe des Passwortes benötigt. In der build.property werden ein paar Einstellungen die für das Antbuild benötigt werden eingetragen. Diese könnte wie folgt aussehen

appName = MeinAppName
dirFlexSDK  = C:/Develop/flex_sdk_4.1.0.16076_packagerforiphone_v2_win_101110
pfi = ${dirFlexSDK}/bin/pfi.bat

certificateFile = iphone_dev.p12
provisioningFile = iphone_dev.mobileprovision

flashPlayerDebug = ${dirFlexSDK}/bin/adl.exe

mxmlc=${dirFlexSDK}/bin/mxmlc.exe

addClassPaths = 'C:/Develop/greensock/bonus-all-v11/AS3'

Durch appName wird nach dem Build eine Flashdatei MeinAppName.swf im bin Ordner liegen. dirFlexSDK gibt den Ort des Flex4 SDK mit dem iPhone package an, pfi den Ort des IPA Compilers. Da ich unter Windows arbeite, bietet sich die pfi.bat an, diese kann dem pfi mehr Ressourcen gönnen. Zur Erläuterung für Mac OSX, die pfi.bat startet die lib/pfi.jar, daher könnte auch ${dirFlexSDK}/lib/pfi.jar angeben werden, es muss allerdings die build.xml angepasst werden <java jar=”${pfi}” fork=”true” failonerror=”true”> <arg value=”-package”/>…… Evtl. könnte man sich auch ein pfi.command schreiben. certificateFile und provisioningFile sind die Zertifikate von Apple. Der Rest ist euch bestimmt schon bekannt durch Apache Ant mit FlashDevelop.

* certificates hier müssen die Zertifikate hinein.

* iPhone beinhaltet die erstellte IPA Datei

* lib hier liegen die benötigten SWCs, die assets.swc

* application.xml muss laut pfi im Root Ordner liegen, hier werden Angaben zur App gemacht.

* Default.png muss auch laut pfi im Root Ordner liegen.

IPA für das iPhone erstellen:

Das Erstellen der IPA wird von Ant übernommen. Gestartet wird es wie folgt:

Compile IPA mit Ant Schritt 1

Nun wird das Ant Build ausgeführt und es wird ein Eingabefenster angezeigt.

Compile IPA mit Ant Schritt 2

1. IPA Type
2. GPU Renderdiagnose, wird nur im ipa-test oder ipa-debug berücksichtigt.
3. Das Passwort für das Zertifikat
4. Starten des pfi Comilers. Es kann einige Minuten dauern, bis das Ergebnis vorliegt.

Einen besonderen Dank möchte ich an _geo aussprechen, der mich mit seinem Beitrag Flash iPhone Entwicklung mit FlashDevelop und dem Adobe “Packager for iPhone” inspiriert hat. Dort findet ihr eine Anleitung für FlashDevelop, und viele Details zur IPA und dem Zertifikat.

Alle Details zum packanger für iPhones findet hier bei Adobe unter  http://download.macromedia.com/pub/labs/packagerforiphone/packagerforiphone_devguide.pdf

UPDATE (18. März 2011 20:34) Template Version 1.1

• ProjectTypes rausgeflogen, es wird jetzt das Standart AS3 Air benutzt
• Der Projektname wird in den Dateien () ersetzt.
• Application ID kann optional hinzugefügt werden
• Der Ordner libs wird automatisch in den buildpath eingefügt
• Eine launch Datei wird angelegt und automatisch hinzugefügt