It's the true sign of a mature platform ecosystem, using the platform to build tools to build tools to deploy tools that are built on the platform. Huh?
A while back, I worked with Adobe to build a better AIR install badge. Having done so, I thought it would be a neat idea to build an AIR application that made it easier to configure and deploy badge installers. Adobe agreed, and the Badger application was created.
Badger allows you to load a template install badge, configure all of its options, preview it live (via the HTML control in AIR), and then export it for deployment. Badger also takes the pain out of configuring badges by tracking down your application ID, publisher ID, version, and other information. You can even configure a badge to install Badger, click Install Now in the preview, and install Badger from Badger - though this is likely to cause a tear in the space/time continuum.
Badger (and its icon) was designed in Flash CS3, built in Flex 3, and deployed on the AIR platform. I find it quite strange that Adobe chose not to include an install badge for Badger, but maybe they have a strong sense of irony. Or maybe it was just too much work. :)
UPDATE: I've been informed that the lack of a badge installer is due to a limitation of the article page template.
You can check out the beta of Badger here.
Originally, we had hoped to name the application "AIR Badger" (which was discarded for legal or branding reasons), which led to the image below that I threw together for the fun of it. That image ultimately led to the icon you can see on the app today.
Click for the full size image.
Comments (39)
I love this app !
Posted by: Rémi at September 23, 2008 12:03 PMURL: http://www.remitoffoli.com/
SWEET! a flying badger never gets old
Posted by: Kenny bunch at September 23, 2008 12:13 PMURL:
We don't need no stinking badgers!
Posted by: Randy Troppmann at September 23, 2008 01:59 PMURL: http://www.randytroppmann.com
I actually created a similar tool back when Flex 3/AIR 1 was in beta:
http://blog.flexmonkeypatches.com/2008/02/06/adobe-air-badge-install-creation-application-monkeybadge/
http://code.google.com/p/flex-monkey-patches-monkeybadge/
I never did follow through and update it once AIR was release.
I think your app is way more full featured than mine was. And your flying badger is more cool than my "foot squishing banana" logo.
-Kyle
Posted by: Kyle at September 23, 2008 02:48 PMURL: http://flexmonkeypatches.com
I just like the fact theres a flying badger. That. Is. Sweet!
Posted by: Ryan at September 23, 2008 03:46 PMURL: http://www.bigbeam.co.uk
Very nice!
I too actually created something like this (called it the 'Badge Builder') not too long ago. My UI was not near as sleek.
Pulling the application ID, publisher ID, and version from the AIR file is too cool. Using the HTML control to preview live is a nice touch. Nicely done.
Posted by: jason at September 24, 2008 09:28 AMURL: http://www.knomedia.com/blog
Very cool idea. :)
Posted by: Harry Northover at September 25, 2008 09:12 AMURL: http://www.harrynorthover.com
Hello, Grant!
Posted by: injun #576871 at September 29, 2008 06:36 AMDo you have any ideas to support other languages except English?
Because I can not indicate local path to the files, if the name of folders not in the English…
URL: http://injun.ru
Hi Grant, nice work. It would be great to allow users to configure invoke parameters for their AIR application as well - i.e. the ability to pass a reference to an OPML file for Adobe Media Player for instance...
Thoughts?
Posted by: Andrew Spaulding at September 29, 2008 07:04 PMURL: http://www.flexdaddy.info
amazing guy! =)
Posted by: Alexander at October 1, 2008 11:24 AMNice work and well done!
URL: http://ugameasia.com
That's too funny, thanks for the tool, and entertainment!
Posted by: lee at October 4, 2008 04:10 AMURL: http://leefernandes.com
Awesome work!
Only problem is that it worked once but since then I always get #2032 Errors :(
Posted by: Jassa at October 8, 2008 12:59 AMURL: http://bangersandflash.net
Jassa,
I've never seen those errors. Can you please post the full error message (ie. stack trace) so that we can determine where the error is being thrown from?
Posted by: Grant Skinner at October 8, 2008 09:00 AMURL: http://gskinner.com/blog/
Hi Grant,
The error is occurring during the install process - http://www.bangersandflash.net/lab/spellr/
If you have a sec just follow the link above and hit the install button. If not, I'll post back here when I work out what it is.
Cheers.
Posted by: Jassa at October 14, 2008 12:10 AMURL: http://www.bangersandflash.net
Jassa - The appurl parameter must be an absolute path (ie. beginning with http:// ). You will notice in Badger that this parameter is highlighted in red if it is not an absolute url. Badger also generates a warning when you export (in problems and notes).
Posted by: Grant Skinner at October 14, 2008 08:27 AMURL: http://gskinner.com/blog/
Ahh, thanks Grant - I *really* should have picked that up earlier. My bad.
Posted by: jassa at October 14, 2008 11:01 PMURL: http://www.bangersandflash.net
I cannot insert special chars :s
I'm portuguese, and I need those chars: áàéèóòçãõ
Is the preview badge inside a html component? or is a SWFloader? I need it! I'll need to insert a badger into a flex site, and I don't know how :s
Posted by: Rui Cruz at October 16, 2008 03:47 AMbest regards,
rui
URL:
Yes! This is awesome. I was just struggling with getting the Install Badge manually setup for the past couple hours, and I knew you made it so I figured I'd go whine somewhere on your website, and lo and behold, the Badger saves the day! Most of my problems came from my oversight of the publisher id, which the Badger recovered for me.
I still have 2 small issues:
1. When upgrading or installing when the AIR runtime is already installed, users are prompted with an AIR Open/Save dialog instead of going straight to the install/replace page. Is that right? If AIR is not installed, it prompts to install AIR then goes straight to the Install screen, no somewhat-confusing Open/Save dialog.
2. After installation/upgrade/launch, the message on the badge still says "Please wait..." -- I really don't give a flip about it, but the client does. Fact of life, right?
Thanks for your work, and work on the work.
Posted by: Aaron at October 16, 2008 10:36 PMURL:
This is great! Are there other badge templates available somewhere?
I'm gonna use this a lot. Thanks!
Posted by: chad royer at October 22, 2008 02:46 PMURL:
No other templates yet, but we tried to build it so that it was simple and powerful to create badge templates for Badger. If anyone creates one, please link it back from here!
Posted by: Grant Skinner at October 22, 2008 03:21 PMURL: http://gskinner.com/blog/
I have absolutely no idea what the tool does but you should definitely find a way to use that image and the tagline "Bigger... Stronger... Badger!" commercially. (Although I would recommend changing "Bigger" to "Faster"...)
Posted by: Tyler Durden at November 18, 2008 06:00 AMURL: http://www.tylerdurden.com
The tool is nice, but is there a trick to link to an AIR file via a relative path?
The big question is > how can we distribute AIR apps on CDs without having the user to first install the AIR runtime then install the AIR app?
If we could use a badge that relatively links to the AIR app that'd do it!
Any clue would be really helpful!
Posted by: Quentin at November 25, 2008 03:48 AMURL: http://toki-woki.net
Is it possible to use a language other than English in the String parameters? I tried copying and pasting some japanese text and it wasn't allowed.
ie, in order to change "Install Now" to a localized label.
Posted by: David at December 4, 2008 07:14 PMURL:
Does anyone know how to create the new badge template? Badger just loads them, it can't create one.
Posted by: paroot at January 30, 2009 05:54 AMURL:
Great work.
Posted by: Harley at February 3, 2009 06:26 AMThanks.
I look forward to an updated beta.
URL:
Nice work.
Posted by: Dave at April 2, 2009 10:55 AMWill there be any facilities for introducing parameters to be passed on install or browser invoke?
If I just edit the created file to include parameters as with the original version will it work?
Thanks
URL:
An excellent app. Unfortunately I get the Error #2032 message as well in both Firefox and IE. I've triple-checked the absolute URL and the other parameters. Could something else be causing this error?
Possibly this is related: I had a working example of the badge and updater API working from the web. I haven't touched it in a couple of months. Today when I tried it, it tosses the same Error #2032.
Did something change on the Adobe-side of things?
Thanks.
Posted by: Spencer Grey at April 28, 2009 01:39 PMURL:
Turned out that the server needed to know about the AIR MIME-type.
I created a .htaccess file and added the following line:
AddType application/vnd.adobe.air-application-installer-package+zip .air
Hope that helps anybody with the same problem!
Posted by: Spencer Grey at April 28, 2009 02:50 PMURL:
A while ago, Aaron posted the following:
'I still have 2 small issues:
1. When upgrading or installing when the AIR runtime is already installed, users are prompted with an AIR Open/Save dialog instead of going straight to the install/replace page. Is that right? If AIR is not installed, it prompts to install AIR then goes straight to the Install screen, no somewhat-confusing Open/Save dialog.
2. After installation/upgrade/launch, the message on the badge still says "Please wait..." -- I really don't give a flip about it, but the client does. Fact of life, right?'
And I did not see a reply. How can I either remove the 'Please wait...' message entirely, or help the badge detect if 1) the install was cancelled ( or failed ) 2) the install was successful, and then revert back the the 'fresh' state.
Thank you,
Posted by: Alex K at May 6, 2009 12:04 PMAlex K
URL: http://www.alexkoyich.com
Love the badger app! Is there a way to disable the save capability and just run the install when the user clicks to download?
Thanks!
Posted by: Jaafer at May 14, 2009 02:34 PMURL: http://sensidea.com
Can someone tell us what's the exact image size to add to the badge as mine shows everytime a distorted image...
Thanks in advance
Posted by: sjaakie777 at July 29, 2009 07:11 AMSjaakie
URL:
While creating my install badge with Badger, it recognizes that my app is already installed on my machine and therefore in the preview window allows me to launch the application.
But I deploy the badge and open it up in a browser, it does not recognize that I have the app already installed and forces another install. As a test, I noticed the Tour De Flex install badge doesn't recognize I have Tour De Flex already installed either. This is on both Mac and Windows.
I have the correct application ID and publisher ID, but what's going on here?
Posted by: Rob at August 27, 2009 02:05 PMURL:
... correction to my above post. Works on Windows (I am using XP ) but not on Mac (using OS X 10.5.8)
Posted by: Rob at August 27, 2009 02:07 PMURL:
Nice work! is it possible to send parameter to my app on launch?
Posted by: Toni at December 1, 2009 11:57 PMI have tried using this app but I still can't passing any variable on launch.Can anyone help me?
URL:
Grant, we absolutely LOVE your Badger tool. Thanks so much for making it available. We've blogged a little bit about it as one of our partners is about to go live with it. See our blog entry at http://www.whisperraw.com/2009/12/badger-is-brilliant.html
Posted by: Jane Taylor at December 14, 2009 08:18 AMURL: http://www.WhisperRoar.com
Nice work. But I have difficulty entering non-English characters. Even I manually modify the exported html code to use non-English characters, they still display as blank in the actual badge.
Can anyone help?
Thanks.
Posted by: James at December 16, 2009 12:10 PMURL:
I have spent countless hours looking for a better badger and finally came across this today. I am about one error code away from success. I used the Badger, got no errors then posted the files to the website.
I added the mime type information to an htaccess file and made sure that I have the full url to the .air file.
I would really appreciate some help to get this working properly.
Thanks!
Posted by: Forrest at January 1, 2010 12:38 PMURL: http://www.bendelcorp.com/tools/index.html
I have no problem using the badger. What error are you getting?
Posted by: Mehran Majidi at January 18, 2010 04:20 PMURL: http://www.mindsharehdv.com
so = new SWFObject("lib/launcher/AIRInstallBadge.swf", "Badge", "250", "250", "9.0.115", "#FFFFFF");
// these parameters are required for badge install:
so.addVariable("airversion", "1.0"); // version of AIR runtime required
so.addVariable("appname", "deviceMgr"); // application name to display to the user
so.addVariable("appurl", "deviceMgr.air"); // absolute URL (beginning with http or https) of the application ".air" file
// these parameters are required to support launching apps from the badge (but optional for install):
so.addVariable("appid", "com.embla.deviceMgr"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
so.addVariable("pubid", "4AE1627BCE978E86797B22AD2A3083D32A346975.1"); // publisher id
// this parameter is required in addition to the above to support upgrading from the badge:
so.addVariable("appversion", "0.1"); // AIR application version
// these parameters are optional:
// so.addVariable("image", "app_m1_splash.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
so.addVariable("image", "images/app_m1_splash.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
Posted by: Mehran Majidi at January 18, 2010 04:33 PMso.addVariable("appinstallarg", parm); // passed to the application when it is installed from the badge
so.addVariable("applauncharg", parm); // passed to the application when it is launched from the badge
URL: http://www.mindsharehdv.com