Adobe AIR教程for HTML/JAVASCRIPT开发者某人的栖息地

时间：2013-04-25 11:02 来源：网络整理作者：采集侠收藏

JQUERY和YUI混用出现的问题用php5的simplexml解析各种feed 2008-03-24 @ 08:52:15 Volcano 你可能会感兴趣的内容最近不是太有空，加上泡网络时间太长，对新鲜事物的敏感度有所下降。因此当Adobe出了个AIR，我还是兴趣缺缺，没功夫去试用。但是兴趣这玩意

« JQUERY和YUI混用出现的问题

用php5的simplexml解析各种feed »

2008-03-24 @ 08:52:15 · 作者 Volcano · 归类于

你可能会感兴趣的内容

最近不是太有空，加上泡网络时间太长，对新鲜事物的敏感度有所下降。因此当Adobe出了个AIR，我还是兴趣缺缺，没功夫去试用。

但是兴趣这玩意可能也有些生理周期，前几天突然来了神把这个AIR好好端详一番，却发觉网上暂时没有适合我这种初级新手看的AIR教程，鼓捣了几天，仍然是毫无进展，我甚至连个hello world之类的简单air package都打不出来。也许小时候特意去踩过狗屎，因此现在我又走上狗屎运，在即将放弃的前一刻找到了一篇比较细致的AIR教程，记录下来，好记性不如烂键盘。

俺目前的情况是，没有安装Dreamweaver，Flash之类的软件，只用一些免费软件，所以我只打算写html/javascript之类的代码，flash方面的暂时不涉及，另外adobe提供的dreamweaver air sdk也是用不上，可谓一穷二白。

第一步 — 安装Adobe AIR和Adobe AIR SDK

如果你还没装，可以去网站上下载Adobe AIR Runtime和Adobe AIR SDK.

装完Adobe AIR SDK以后，为了方便，你还需要把它的bin目录添加到系统的path变量下，这样你可以直接运行它的打包和debug工具。

第二步 — 创建一些目录

接下来创建一些目录来放置代码，比如：

/appname/
/appname/source/
/appname/source/icons/
/appname/build/

第三步 — 创建一个Application Descriptor

AIR需要一个Application Descriptor来描述它的内容和属性，这是一个XML格式的文件。

它的文件名是application.xml，放置在/appname/source/目录。

<application xmlns="http://ns.adobe.com/air/application/1.0"> <id>com.example.appname </id> <version>1.0 </version> <filename>AppName </filename> <initialWindow> <content>index.html </content> <visible>true </visible> <width>600</width> <height>600</height> </initialWindow> <icon> <image16x16>icons/appname-16.png</image16x16> <image32x32>icons/appname-32.png</image32x32> <image48x48>icons/appname-48.png</image48x48> <image128x128>icons/appname-128.png</image128x128> </icon> </application>

这个xml文件很有些复杂，也很有一些历史，最可恶的是AIR beta1到后来的beta2乃至最后的1.0，从来就没统一过，变了又变，所以我在网上找到的一些教程都失效了，只能针对早期的beta版使用。

关于它的详细内容，可以参考模板，在adobe sdk安装目录下的templates/descriptor-template.xml.

第四步 — 创建你的应用

下一步，创建一个index.html.

<html> <head> <title>My Window Title</title> </head> <body> <h1>Hello World</h1> </body> </html>

如果需要添加css,javascript以及图片，可以在/appname/source/下创建子目录放进去，就像平常写web应用那样。

第五步 — 测试你的应用

如果你已经配置好了path环境变量（见第一步,需要重启电脑），下面很简单，首先打开一个命令行窗口，进入/appname/source/目录，然后运行：

adl application.xml

一切顺利的话，你的应用应该已经跑起来了，一个弹出的AIR应用窗口好不容易的展示它的第一次。

第六步 — 打包你的AIR应用

在很多磕磕碰碰，反复调试之后，你可能已经完成了应用，现在你准备向朋友或者网上的菜鸟炫耀一下你的处女作。那么我们开始打包，这一步其实比我想象的要简单。

首先需要生成一个签名Certificate，并放置在应用的根目录/appname/

adt -certificate -cn SelfSign -ou Dev -o “Example” -c US 2048-RSA cert.pfx 换成你的密码

然后就是进入source目录打包：

adt -package -storetype pkcs12 -keystore ../cert.pfx ../build/AirTest.air application.xml .

不出意外的话，会当场生成一个AppName.air文件，你可以安装一下感受亲手做的第一个Air应用。

原文：Adobe AIR Tutorial for HTML / JavaScript Developers

作者: Volcano 发表于March 24, 2008 at 8:52 am

版权信息: 可以任意转载, 转载时请务必以超链接形式标明文章原始出处和作者信息及此声明

Tags: adobe,air,dreamweaver,html,

35 条评论

kulala 于 2008-03-24 @ 11:11:55 ：

adt -certificate -cn SelfSign -ou Dev -o “Example” -c US 2048-RSA cert.pfx 换成你的密码
能将个参数说明一下吗？？这里默认的密码是什么？而这个“签名Certificate”又是如何生成并放置在“/appname/”下的哦？？？

volcano 于 2008-03-24 @ 11:58:32 ：