小胖的 Adobe AIR with Ajax 实例课堂(一)
小胖的 Adobe AIR with Ajax 实例课堂(一)
第一课 : 一些无聊的前言 & 搭建开发环境
======================
前言
本教程将通过一个实例,向大家逐步介绍如何"使用Ajax技术开发Adobe AIR应用程序".
网上关于"使用Ajax技术开发Adobe AIR应用程序"的资料能找到很多,
其中最权威最全面的就是Adobe官方提供的如下两份资料:
使用 HTML 和 Ajax 开发 Adobe AIR 1.5 应用程序
针对 HTML 开发人员的 Adobe AIR 语言参考
这两份资料是学习AIR+Ajax必不可少的, 但是这类官方文档通常过于严谨 系统,讲的东西繁杂 死板,让很多和我一样急性子的新手头大,看不下去(至少我当初就是这样).
我个人更喜欢 单刀直入 的学习方式.
希望可以通过一些实例 先对整个技术有个感性的认识, 能够在自己的机器里快速搭建起开发环境,并能快速的开发出一个HelloWorld.
再以这个HelloWorld为基础, 慢慢深入学习, 从感性到理性, 学习的过程,就是一个开发复杂实例的过程.
今次 我就将站在这样一个角度, 为大家介绍(或者说演示) 如何使用Ajax技术开发一个Adobe AIR应用程序.
我最终要开发的这个应用程序是一个"利用google翻译服务查单词的小工具",暂且叫做"My Google Dict"吧,
我希望它可以具备下面的特性:
利用google翻译服务翻译单词,支持汉英 和 英汉. 支持"窗口总在最上面"的特性 可以最小化到系统托盘(Systray) 可以"记录我查询过哪些单词,并加入生词本" 提供一个简单的生词学习功能.就是可以把我查过的词 在屏幕上方循环的滚动播放. 提供一个"设置"页面,可以设置一些小该具的选项. 支持在线升级 有一个比较好看的外观,有相对良好的用户体验.
注意我前面提到的"我希望它可以具备下面的特性", 为什么这么说呢? 因为 我并不是开发好了一个这样的工具, 然后向大家分享我的开发经历和过程.
而是我还没有动手做. 我也是边摸索 边开发 边写这份教程.所以 最后 一切会不会如我希望的 还是未知.
总之, 我希望可以帮助对AIR+Ajax感兴趣的开发人员从另一个角度, 快速的走进AIR+Ajax的世界.
是的, "快速"和"直接"是我这系列文章最在乎的, 如果你需要"系统"和"深入",那么建议你在看过本教程之后,
再回过头去把Adobe官方提供的那两份资料好好的看上一遍, 并从网上找一些复杂的相关开源产品仔细的研究研究吧.
======================
准备
阅读本教程,需要您:
具备基本的Ajax开发能力, 能够利用HTML+JS+CSS 开发出一些简单的Web页面 知道 Adobe AIR 是个什么东西,有个大致的了解. 有一个文本编辑器, 记事本 Notepad++ EmEditor Editplus...都可以. 最好会使用JQuery(不会也没关系,我会在用到JQuery的地方写注释的,毕竟这个教程重点是讲解AIR,而不是JQuery.) 不要鄙视使用Windows的人.
注: 本教程只涉及 在windows平台下的AIR(1.5.x版)应用程序开发.其他平台请大家自行"举一反三"吧,实在抱歉了.
好了 废话不再多说 开始吧.
======================
Adobe AIR 简介
关于AIR是什么, 背景 特性 优缺点 大家可以自行去google.
在这里 我只简单说几句:
各位想开发AIR+Ajax的朋友, 你只要把AIR当做一个特殊的Webkit浏览器就好.
它到底有多特殊,和真正的Webkit浏览器有什么不同 先暂且不去深究吧.
在整个开发过程中,其实我们要做的就是:
开发一个可以运行在AIR里的HTML页面(包含HTML+JS+CSS). 利用JS去调用AIR提供的一些API,实现我们想要的功能.
简介结束.
====================================
搭建开发环境
下载 AdobeAIRInstaller.exe, 并安装. (for windows 版本.地址: http://get.adobe.com/air/ )
下载 AdobeAIRSDK.zip, 并解压. (for windows 版本.地址: http://www.adobe.com/cn/products/air/tools/sdk/ )
AIRSDK需要JDK才能正常使用,AIR(AdobeAIRInstaller)不需要.
本文全部以将AdobeAIRSDK解压到 C:\AIRSDK 目录为例.
如果解压正确,adl.exe文件的路径应该是 C:\AIRSDK\bin\adl.exe.
配置系统环境变量:
在环境变量 CLASSPATH 中追加 C:\AIRSDK\lib; 如果没有CLASSPATH 则创建.
在环境变量 PATH 中追加 C:\AIRSDK\bin; 如果没有PATH 则创建.
如果以上工作进行的正确, 则进入命令行控制台(运行cmd进入)后, 执行adl, 会看到类似下面的提示
application descriptor file not specifiedusage: adl ( -runtime <runtime-dir> )? ( -pubid <pubid> )? -nodebug? <app-desc> <root-dir>? ( -- ... )? adl -help
<app> |-- main.html<common> |-- <css> |-- <images> |-- jquery-1.3.2.jsapplication.xmlrun.bat
