用HTML/Javascript开发者Adobe AIR教程(1)
2012-5-19 11:46 Saturday  

分类: 标签: application appname Adobe 应用 air 评论(108) 浏览(47761)

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

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

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

添加完成后,打开cmd运行adl 如果出现下面的文字表示path添加成功

Adobe (R) AIR (R) Debug Launcher (ADL)
Version 3.1.0.4880
Copyright (c) 2008-2011 Adobe Systems Incorp

application descriptor file not specified
usage:

 

第二步 — 创建一些目录

接下来创建一些目录来放置代码,比如:

f:/appname/
f:/appname/source/
f:/appname/source/icons/
f:/appname/build/

第三步 — 创建一个Application Descriptor

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

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

<application xmlns="http://ns.adobe.com/air/application/2.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文件不同的sdk版本可能有些不同,关于它的详细内容,可以参考模板,在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环境变量(见第一步,需要重启电脑),下面很简单,首先打开一个命令行窗口,进入f:/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应用。

当然,你的sdk版本肯定高于我文字的版本,所以你可能需要修改

<application xmlns="http://ns.adobe.com/air/application/2.0">为<application xmlns="http://ns.adobe.com/air/application/3.1">之类。具体可以参照adobe sdk安装目录下的templates/descriptor-template.xml

 

 

问题:

could not load keystore file (password may be incorrect)

生成的证书文件与创建AIR时的证书文件名称写的不一致了,请仔细检查自己的证书保护密码、证书文件名称、路径是否正确。

error 301: Application descriptor missing/cannot be opened

如此提示“应用描述丢失或不能打开”,请检查你的XML文件的文本编码格式是否为utf-8

versionNumber must have a non-empty value

增加<versionNumber>0.0.0</versionNumber>

+1 12

留下你的看法: