[Tutorial] Flash iPhone Entwicklung mit FlashDevelop und Adobe “Packager for iPhone”

[_geo_]

Flash iPhone Entwicklung mit FlashDevelop und dem Adobe "Packager for iPhone" (ohne Flash CS5)

Wie der Titel schon sagt geht es in diesem Tutorial darum, wie man Flash iPhone Applikationen ohne die Flash IDE und mit dem freien Entwicklungswerkzeug FlashDevelop unter Verwendung des Flex 4 SDK und dem "Adobe Packager for iPhone" entwickeln kann.

Vorweg für alle die noch keinen Apple Developer Account haben: diesen braucht ihr auch wenn ihr keine Apple Werkzeuge zur Entwickelung der Applikation verwendet. Zum Testen am Gerät (iPhone, iPad, iPod) und zur Erstellung des .ipa Pakets werden nämlich Zertifikat Dateien (.p12, .mobileprovision) benötigt die man nur über Apple bekommt. Außerdem sollte man Besitzer eines iPhones sein damit man die Applikation dann auch richtig testen kann, denn der ADL (siehe weiter unten) ist KEIN iPhone Simulator.

Was wird alles benötigt?:
Keine Angst es sieht kompliziertes aus als es ist

• FlashDevelop IDE
  FlashDevelop ist freie Software für Windows (download).
• Project Template
  FlashDevelop Iphone Project Template (zur Erstellung des iPhone Projekts und der .ipa in FlashDevelop). Dieser Template Ordner muss im FlashDevelop Verzeichnis in den Ordner ".../FlashDevelop/projects/" eingefügt werden (download oder am Ende des Beitrags als Anhang)
  
• Flex 4 SDK mit iPhone Packager
  Den Flex 4 SDK kann man sich im OpenSource Bereich von Adobe herunterladen (download).
  Den "Packager for iPhone" bekommt man auf der Adobe Labs Seite (download). Man muss den Flex SDK mit dem iPhone Packager zusammenführen, in dem man den Inhalt der iPhone Packager .zip in den Flex SDK Ordner kopiert ("verschieben und ersetzen").
  
• Zertifikate: (.p12, .mobileprovision)
  Zum Erstellen der .ipa benötigt man zwei Zertifikat Dateien. Einmal den privaten Schlüssel mit der Dateiendung ".p12" und dann noch eine Provisioning Datei ".mobileprovision" welche festlegt auf welchen Geräten die erstellte Applikation laufen darf. Die Provisioning Datei kann man Online im "Developer Account" erstellen und herunterladen. Wie man die .p12 erstellt ist in dem von Adobe gelieferten Entwicklerleitfaden beschrieben (pdf download).

1. Projekt Template auswählen und das Projekt erstellen:
Hat man das FlashDevelop Project Template in den "projects" Ordner kopiert sollte man ein unter "Projects" -> "New Project" ein "iPhone AIR AS3 Projector" Template auswählen können (siehe Bild).

2. Flex SDK einrichten:
Da für das iPhone der normale SDK nicht ausreicht muss der bereits vorbereitete "Flex SDK + iPhone Packager" für das iPhone Projekt genutzt werden. Einfach Rechtsklick auf den Projektnamen -> Properties... -> "Compiler Options" -> "Custom Path to Flex SDK" und dort trägt man nun den Pfad des vorbereiteten Flex SDK Ordners ein.

Auch in der Datei "PackageApplication.bat" muss der Pfad zum Flex SDK angepasst werden. Hierzu einfach in Flashdevelop doppelklick auf die Datei "PackageAppliaction.bat" und den Pfad in Zeile 13 anpassen, in dem man "C:\flex_sdk_4_with_iphone_packagerbin" durch den Pfad des "bin" (!) Ordners des Flex SDK ersetzt.

Hat man den Flex SDK in Flashdevelop angepasst, so kann man das Projekt wie gewohnt kompilieren und es startet über den "Air Debug Launcher" (adl). Wichtig zu erwähnen ist, dass der ADL keinerlei Beschränkugen der API durchführt, also ihr könnt hier auch Methoden nutzen die es am iPhone nicht gibt. D.h. unbedingt die Applikation auch auf einem echten iPhone testen!

3. Zertifikate einbinden:
Um das Projekt später in eine .ipa packen zu können sollten zuerst die Zertifikat-Dateien in den "certificates" Ordner kopiert werden. Diese müssen nun in "iphone_dev.p12" und "iphone_dev.mobileprovision" umbenannt werden.

4. iPhone Paket (.ipa) erstellen:
Hat man eines .swf erstellt kann man nun diese in eine .ipa verpacken. Dazu muss man die "PackageApplication.bat" starten (Rechtsklick -> "Execute"). die Batch-Datei benötigt als Eingabedaten die Art der .ipa (ob zum Testen, Debuggen oder für den iPhone Store) und das Passwort des Zertifikats. Hat man diese Daten eingegeben wird das Paket erstellt, was durchaus einige Zeit (ca. 1 Minute) dauern kann.

So sollte das fertige Projekt aussehen

5. .ipa am iPhone testen:
Provisioning Profile Applikation am iPhone installieren:

1. In iTunes, "select File" -> "Add To Library" und die Provisioning Datei auswählen.
2. iPhone über USB mit dem Pc verbinden
3. Sync iPhone.

Applikation am iPhone installieren:

1. In iTunes im Menü "Add to Library" aufrufen und die erstellte .ipa auswählen.
2. Drag and Drop der .ipa in die iTunes Bibliothek.
3. iPhone über USB mit dem Pc verbinden
4. In iTunes unter "Applications" und die Applikation zum Installieren auswählen.
5. Sync iPhone.

Sollte noch etwas unklar sein, etwas ausführlicher und mit mehr Bildern hab ich es auch in meinem Blog beschrieben.

lg _geo_

[Omega Psi]

Thanx for sharing!

[silentx]

Ein sehr gutets Tutorial, doch leider finde ich nicht heraus wie man ein mobileprovision-Zertifikat erstellt?

[_geo_]

Hast du einen Apple Developer Account?

Wenn ja musst du dort unter Provisioning ein Provisioning Zertifikat für dein iPhone erstellen, also erst mal eine id "ausdenken" und dann dein iPhone auswählen. Dazu gibt es ein Videotutorial wenn man eingeloggt ist bzw. hier auch eine Anleitung.

Wenn nein, dann musst du dir erst mal einen kaufen, ein Developer Account kostet 99Dollar pro Jahr.

lg

[salazar]

hey,
vielen dank für das tutorial!

cheers,
sal

[_geo_]

"OT": Freut mich, dass es gefällt
Allerdings ist Flash am iPhone wohl doch ziemlich lahm (hab leider nur ein 2G zum Testen). Hat schon jemand Erfahrungen mit 3G, 3Gs oder 4G machen können?

Zum Thema: Hab gerade festgestellt, dass der Ladebirdschirm am iPhone (aka "SplashScreen") in der von mir geposteten Version nicht angezeigt wird. Darum hier ein Update bei dem nun der SplashScreen auch richtig dazugepackt wird.

lg

[_geo_]

Hab nun auch ein iPad Template gebaut, viel Spaß damit

[Nico B.]

Hab's schon auf Deinem Blog gesehen, daher an dieser Stelle nochmal vielen Dank! :-)


Ps: Wie lange dauerte das bei Dir, bis Apple Deinen Account freigeschaltet hat? Ich & meine Firma warten jetzt schon einige Wochen darauf....

[_geo_]

Wie lange weiß ich nicht mehr genau, aber sicher 2-3 Wochen. Mussten aber zwischendurch nochmal zum Notar und beglaubigen lassen, dass wir wirklich wir selbst sind weil´s uns Apple nicht geglaubt hat ... Auch mussten wir den Beitrag (die $99) 2 mal zahlen, nur damit sie uns Apple ein mal wieder zurücküberweist.

Bin dahingehend durch Apple schon ziemlich desillusioniert was deren "Service" betrifft. Auf eine Antwort auf unsere Support Anfrage haben wir z.B. einen Monat gewartet.

Bei Google hingegen war das für Android nach n paar Tagen erledigt, ohne Probleme.

Also abwarten und Tee trinken bei Apple ticken die Uhren wohl etwas langsamer ^^

lg

[canon]

danke für das tutorial!

kann man die eigene erstellte app eigentlich auch zum direkten download auf der eigenen webseite anbieten? (also ohne den vertrieb über den appstore)

mfg

[_geo_]

Jein, also über den regulären Weg geht es nur über den App Store. Allerdings kannst du das AdHoc Lizenzmodell nutzen, dabei kannst du die App ohne AppStore anbieten, musst jedoch jedes Gerät einzeln freischalten (ähnlich wie bei den provsioning profiles). Allerdings ist diese Lizenz auf 100 Geräte beschränkt.

Link: Distribute your App - iOS Developer Program - Apple Developer

Ad Hoc Distribution

Share your application with up to 100 other iPad, iPhone, or iPod touch users with Ad Hoc distribution. Share your application through email, or by posting it to a web site or server.

Benötigst du mehr musst du wohl am Enterprise Program teilnehmen, das kostet dann richtig Geld.

Link: iOS Developer Enterprise Program - Apple Developer

lg

[canon]

danke für die infos.

ich würd gerne mal "just for fun" ein kleines app bauen - kann man das dann auf einem "jailbreaked" iphone/ipod touch installieren?

grüße

[_geo_]

Obs auch ganz ohne provisioning profile geht mit JailBreak weiß ich leider nicht sry.

Ich würde sagen auch wenn du just4fun entwickeln möchtest brauchst du offiziell die Entwickler Lizenz ($99 / Jahr), damit kannst du dann deine apps problemlos aus xCode oder über iTunes installieren.

[Nico B.]

Soweit ich weiß brauchst Du, um mit Flash/Air Apps zu bauen auf jeden Fall dieses komische Zertifikat. Das bekommt man wiederum nur als "richtiger" Entwickler für 99€...


Btw. @_geo_:
Hab's ja oben schon geschrieben.... Die Zahlung ist jetzt gute 3 Wochen her, immer noch keine Meldung von Apple... Ich will so gerne

[_geo_]

Soweit ich weiß machen die ja auch den iTunes Store (für Entwickler) dicht vom 22.Dez bis 29.Dez. Also wirst du wohl mindestens bis Neujahr warten müssen um deine ersten Apps zu submitten. Bis die dann tatsächlich im store sind dauerts dann meistens wieder mindestens zwei Wochen

So heute kam die E-Mail:

Dear XY,

iTunes Connect will be temporarily shut down from Thursday, December 23 to Tuesday, December 28 for the winter holidays. Access will resume on Wednesday, December 29.

During this shutdown, iTunes Connect will be unavailable. In addition, app releases and pricing changes which are scheduled to take place during the shutdown will be handled as follows:

* All releases will not appear in the App Store until Wednesday, December 29. This includes apps scheduled to appear on the App Store for the first time as well as updates to existing apps.

* Pricing changes will cause the app to become unavailable for purchase until Wednesday, December 29, at which point the app will become available at the new price. Please check to ensure you have not scheduled any price changes during this time.

Regards,
The iTunes Store team