查看同站点书签
-
Adobe AIR教程for HTML/JAVASCRIPT开发者
添加人:JarodLee 时间:2008-03-24 18:17:34 已有 96 人点击, 0 人评论
这位博客看来已经AIR入门了,可是我还不会用呢,记录一下,有空再去看看他~
第一步 -- 安装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/目录。
PLAIN TEXT
XML:
<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.
PLAIN TEXT
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 换成你的密码
然后就是打包:
adt -package -storetype pkcs12 -keystore ../cert.pfx ../build/AirTest.air application.xml .
不出意外的话,会当场生成一个AppName.air文件,你可以安装一下感受亲手做的第一个Air应用。
原文:Adobe AIR Tutorial for HTML / JavaScript Developers
|