HTML及JavaScript开发者的Adobe 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/目录。

  1. <application xmlns="http://ns.adobe.com/air/application/1.0"> 
  2.   <id>com.example.appname </id> 
  3.   <version>1.0 </version> 
  4.   <filename>AppName </filename> 
  5.   <initialWindow> 
  6.     <content>index.html </content> 
  7.     <visible>true </visible> 
  8.     <width>600</width> 
  9.     <height>600</height> 
  10.   </initialWindow> 
  11.   <icon> 
  12.     <image16x16>icons/appname-16.png</image16x16> 
  13.     <image32x32>icons/appname-32.png</image32x32> 
  14.     <image48x48>icons/appname-48.png</image48x48> 
  15.     <image128x128>icons/appname-128.png</image128x128> 
  16.   </icon> 
  17. </application> 

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

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

第四步 — 创建你的应用

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

  1. <html> 
  2. <head> 
  3.   <title>My Window Title</title> 
  4. </head> 
  5. <body> 
  6.   <h1>Hello World</h1> 
  7. </body> 
  8. </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应用。

责任编辑:佚名 来源: Volcano的博客
相关推荐

2011-11-16 14:20:43

Adobe AIR

2011-11-16 16:21:09

AdobeAIR

2012-03-15 09:55:23

Adobe AIR安裝

2012-02-28 13:52:45

Adobe AIRAndroidFlash

2011-11-16 15:14:57

AdobeAIRiOS设备

2009-07-21 16:20:52

Adobe开源项目

2011-11-16 09:33:39

Flex SDKAdobe

2012-03-09 10:46:35

Adobe AIR是什Adobe AIRAIR

2013-05-03 15:06:08

AIR移动应用Android开发

2011-11-16 15:47:04

AdobeAIRiOS应用

2011-11-16 13:58:12

Adobe AIR

2011-11-17 15:01:37

AdobeAIR移动应用

2018-11-27 09:55:11

微软JavaScript开发

2019-02-21 13:40:35

Javascript面试前端

2014-02-01 21:31:10

JavaScriptJS框架

2015-05-27 14:26:05

2022-09-15 17:08:20

JavaScripWeb开发

2012-06-13 01:23:30

开发者程序员

2010-03-09 14:21:01

HTML 5

2015-11-04 09:58:15

H5开发未来
点赞
收藏

51CTO技术栈公众号