Adobe Flex Tutorial - Adobe Flex Tutorial

30mar/0917

Flex / Air – Créer un Badge Adobe Air avec l'application Badger

Dans l'article précédent, je vous présentais l'application ADM, indispensable pour pouvoir modifier le descripteur XML des applications Adobe Air facilement. Cette fois-ci, on va s'intéresser à la mise en ligne de votre application Air. Par mise en ligne, je veux dire mise à disposition de l'installeur par le biais d'Internet. En effet, les applications Adobe Air sont des applications (RDA) bureautiques, elles ne peuvent pas s'afficher dans une page web classique (ce n'est pas un SWF qui en sort mais un .AIR).

Pour faire profiter un maximum de monde de votre superbe application, il faut donc la mettre en ligne et mettre de .air en téléchargement. Vous pourriez le faire de manière classique, en laissant l'utilisateur "enregistrer sous" ce fichier et qu'il lance ensuite ce fichier. C'est un peu laborieux pour un utilisateur complètement néophyte ou paresseux.

Heureusement pour vous, Grant Skinner a développé une application Air permettant de générer un "AIR Install Badge". Si vous fouillez dans le Flex SDK, vous trouverez un de ces badges.

Voici les principaux avantages liés à la génération de badge à l'aide de Badger:

Plus stylés que le badge du SDK
Détecte la présence de l'application et offre un lien "launch now" permettant de directement lancer l'application
Upgrade la version de Flash Player si besoin est avec l'express install
Possibilité de personnaliser les textes et les aides

Voici l'apparence que pourrait avoir votre Badge Air:

Vous reconnaissez surement le badge si vous traînez un peu sur les sites/blogs adobe et autres .

L'application Badger

Badger est une application ultra-pratique permettant de configurer toutes les options de votre badge. Au centre de l'application se trouve une prévisualisation de votre badge (grâce au composant mx:HTML de Air pour voir instantanement toutes vos modifications. Vous pourrez ensuite exporter tout ce qu'il faut pour le déploiement (fichiers HTML/JS/SWF) qu'il vous suffira de placer sur votre serveur web.

Badger s'occupe aussi de la gestion de votre application ID, published ID, version et autres infos. Il suffir de lui indiquer le chemin vers votre fichier .air et il se charge de trouver ces informations pour vous. Voici un aperçu de l'interface:

Pour télécharger l'application Badger, il n'y a ironiquement pas de badge, il faut donc télécharger le air et l'installer. Mais vous êtes développeur, vous n'avez pas peur de quelques clics . Cette application, comme ADM, est indispensable pour les dev d'application Adobe Air, à essayer absolument !

Télécharger l'application Adobe AIR Badger

Un petit bonus pour les amateurs de musique répétitive

Remplis sous: Adobe Air || Taggé comme: Adobe Air, Badger, swf Laisser un commentaire

Articles similaires

Commentaires (17) Trackbacks (0) (Souscrire aux commentaires de cet article)

Damien.D
1 juillet 2009

Bonjour,

Je souhaite lancer mon application avec des paramètres, tout simplement un nom d'utilisateur pour que mon application enregistre les fichiers dans un bon répertoire. Cependant, je n'arrive pas très bien à comprendre comment le passage de paramètre s'effectue.

J'ai repris le badge du sdk, j'ai modifié les lignes que je souhaitais pour intégrer les paramètres (Je l'ai recompilé, en téléchargent le Flash CS4, un peu lourd :S ), j'ai modifié mon application AIR pour qu'elle accepte le fait d'être lancée par le WEB, tout ce passe bien, le badge fonctionne mais je n'arrive pas à récupérer mes paramètres dans mon application AIR.

J'utilise le trigger invoke avec l'event InvokeEvent, mais la je sèche.

COPIER-COLLER
Actionscript:
public function onInvoke(invokeEvent:InvokeEvent):void {

if((invokeEvent.currentDirectory != null)&&(invokeEvent.arguments.length> 0)){

var fileToOpen:String = invokeEvent.toString();

var argsStr:String = "Arguments passé par TOMCAT: " + fileToOpen.toString();

argsTxt.text = argsStr;

}

}
fnicollet
1 juillet 2009

Salut,
quel est le résultat du toString de l'Event ?

Fabien
Damien.D
1 juillet 2009

J'ai trouvé un tutoriel réalisé par un mec d'Adobe qui a complètement refait le code source du SDK afin d'intégrer le passage des paramètres. Je pourrais te donner toute ma démarche afin que tu en fasses un tutoriel. Le point clé est en faite d'utiliser le BrowserInvoke Event au lieu du onInvoke. Et la les paramètres passent bien avec le même code que celui qui est montré.

De plus pour des raison de sécurité, j'ai recompilé le badge afin qu'il puisse être exécuté sans qu'une connexion internet soit présente sur le poste client. Il va normalement chercher le air.swf directement sur le site d'adobe, dans le badge que j'ai réalisé, toutes les ressources sont en locale.

Si ça t'intéresse, demande moi les sources.

Damien
fnicollet
1 juillet 2009

Salut et merci,
je ne pense pas que ça serve à tout le monde donc si quelqu'un est intéressé, laissez un commentaire et je vous mettrai en relation avec Damien

Fabien
Damien.D
2 juillet 2009

Dernière petite question,

J'ai un problème que je ne comprend pas, quand je copie colle le code "HTML + JSP" dans ma jsp qui est appelée le badge.swf n'apparait pas alors que quand je lance à partir du index.html, ça fonctionne. Y aurait-il un syntaxe différente pour une jsp? J'ai sniffer les .js sans succès au moment de faire l'appel d'un méthode qui est dans le air.swf, il ne renvois rien mais la méthode se termine sans partir en erreur. Une idée?
fnicollet
2 juillet 2009

Aucune idée, désolé

Fabien
Damien.D
10 juillet 2009

C'était tout simplement le compilateur de jsp de mon tomcat qui ne savait pas traduire des liens relatifs. Il faut juste mettre les URL en absolue. ^_^
Lock
19 novembre 2009

Bonjour,

Je serai intéressé par le tuto dont parle Damien. J'ai un pb dont le passage de paramètre pourrait être la solution.

Merci d'avance.

Lock
Simon
26 février 2010

Bonjour,

Je suis en train d'essayer de créer un badge pour une application Air 2.0, avec des native processes, et mon appli est donc un .exe (au lieu d'un .air). Malheureusement, le badge créé avec un .exe semble ne pas fonctionner (j'ai essayé avec mon .air avant de le convertir en .exe pour activer les native process et le badge fonctionne).

Des idées ?

Merci bien
Lulu
15 juillet 2010

Bonjour :

Je vous écris car je rencontre un "problème" (tout est relatif) avec les "Strings" du Badger.

Impossible de mettre des caractères spéciaux comme les accents par exemple (é, è, ê...).

Si quelqu'un a une solution,

merci d'avance,

Lulu.
fnicollet
15 juillet 2010

Salut,
tu veux dire que tu n'arrive pas à les rentrer ou elles s'affichent mal ensuite ?

Fabien
Lulu
15 juillet 2010

Lorsque j'appuie sur la touche, rien n'est saisi.
Lulu
15 juillet 2010

Commentaire hors sujet :

l'heure des commentaires retarde d'une heure
Lulu
15 juillet 2010

Rebonjour :

concernant le problème d'accents, j'ai également essayé de modifier les textes directement dans le html généré, d'abord en mettant directement le caractère "é", puis encodé en url %c3%a9.

Aucun n'y fait, on dirait que les caractères spéciaux n'ont tout simplement pas été intégrés dans le swf.

Dommage.

Merci encore.
fnicollet
15 juillet 2010

es-tu sous Mac / Linux?

Fabien
Lulu
16 juillet 2010

Sous PC.

Lulu.
fnicollet
16 juillet 2010

Ok, parce que je me souviens d'un bug de Flash Player sous Linux qui faisait que tu ne pouvais pas taper d'accents. Il y avait une feinte (appuyer sur Ctrl au moment où l'on entre le caractère accentué).

Pour le reste, je n'en sais pas plus, il faut voir avec le dev de Badger

Fabien