Adobe AIR 初体验:第一个Adobe AIR 的项目
上周总算是找到些闲工夫,于是从 Adobe 网站(http://www.adobe.com/)下载来了 Adobe AIR 1.1 SDK。由于之前安装 XDrive 客户端工具的时候已经安装了 Adobe AIR 的 Runtime,所以这次只需要一个 SDK,激动人心的 Adobe AIR 体验之旅便宣告开始。
既然是初体验,那一定绕不开经典的 HelloWorld 项目。
1. 配置SDK
将下载来的SDK文件解压到某一目录,假设为 D:\Program Files\Adobe\AIR\SDK\,为方便命令行界面下的操作,将 D:\Program Files\Adobe\AIR\SDK\bin\ 加入环境变量中的 path 变量中。
2. 搭建开发环境
在 C 盘根目录下创建一个名为 HelloWorldAIR 的文件夹,并将 D:\Program Files\Adobe\AIR\SDK\frameworks\AIRAliases.js 复制到其中。
新建一个名为 HelloWorld.html 的 html 文件,复制以下代码到其中。
<head>
<title>Hello World</title>
<script type="text/javascript" src="AIRAliases.js"></script>
<script type="text/javascript">
function appLoad(){
air.trace("Hello World");
}
</script>
</head>
<body onLoad="appLoad()">
<h1>Hello World</h1>
</body>
</html>
最后,创建一个名为 HelloWorld-app.xml 的 XMl 描述文件,将以下代码复制到其中。
<application xmlns="http://ns.adobe.com/air/application/1.0">
<id>examples.html.HelloWorld</id>
<version>0.1</version>
<filename>HelloWorld</filename>
<initialWindow>
<content>HelloWorld.html</content>
<visible>true</visible>
<width>400</width>
<height>300</height>
</initialWindow>
</application>
至此,编码工作告一段落。接下来,我们需要做的就是运行它。
打开 windows 命令行编辑器(cmd.exe),输入 adl c:\HelloWorldAIR\HelloWorld-app.xml 回车。如果一切正常,将会看到一个400×300大小的窗口弹出,控制台也会收到 HelloWorld 这一字符串。
从上面的项目中,不难发现 Adobe AIR 并没有什么高深的新技术,它其实相当于一个传统的功能简化的浏览器,负责解析现有的符合 W3C 标准的 HTML 代码。有意思的是,它的这种功能简化恰恰符合很多B/S程序开发人员的心理和项目需求,一方面,B/S开发人员可以不用任何的新技术学习,就可以创建一个 Adobe AIR 项目;另一方面,在传统浏览器具备太多的不确定性,开发人员很难对其完全信任而去编写高交互性的 JavaScript 代码的情况下,Adobe AIR 既定的运行环境,使得在本机运行良好的代码分发到其他计算机也一样没有问题。更为重要的是,它能够带来传统桌面应用程序的用户体验同时,客户端的安装变得十分轻巧,仅一个Adobe AIR RunTime,一个透过 Adobe AIR SDK 打包的可执行文件而已。
相信通过不断的升级优化, Adobe AIR 将会着重加强对用户界面的支持,使得 JavaScript 程序员在任何平台下都可以通过调用 Adobe AIR RunTime 提供的方法来创建具有良好用户体验的交互界面和对话框。