HTML及JavaScript開發(fā)者的Adobe AIR教程
第一步 — 安裝Adobe AIR和Adobe AIR SDK
如果你還沒裝,可以去網(wǎng)站上下載Adobe AIR Runtime和Adobe AIR SDK.
裝完Adobe AIR SDK以后,為了方便,你還需要把它的bin目錄添加到系統(tǒng)的path變量下,這樣你可以直接運(yùn)行它的打包和debug工具。
第二步 — 創(chuàng)建一些目錄
接下來創(chuàng)建一些目錄來放置代碼,比如:
/appname/ /appname/source/ /appname/source/icons/ /appname/build/ |
第三步 — 創(chuàng)建一個(gè)Application Descriptor
AIR需要一個(gè)Application Descriptor來描述它的內(nèi)容和屬性,這是一個(gè)XML格式的文件。
它的文件名是application.xml,放置在/appname/source/目錄。
- <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>
這個(gè)xml文件很有些復(fù)雜,也很有一些歷史,最可惡的是AIR beta1到后來的beta2乃至最后的1.0,從來就沒統(tǒng)一過,變了又變,所以我在網(wǎng)上找到的一些教程都失效了,只能針對(duì)早期的beta版使用。
關(guān)于它的詳細(xì)內(nèi)容,可以參考模板,在adobe sdk安裝目錄下的templates/descriptor-template.xml.
第四步 — 創(chuàng)建你的應(yīng)用
下一步,創(chuàng)建一個(gè)index.html.
- <html>
- <head>
- <title>My Window Title</title>
- </head>
- <body>
- <h1>Hello World</h1>
- </body>
- </html>
如果需要添加css,javascript以及圖片,可以在/appname/source/下創(chuàng)建子目錄放進(jìn)去,就像平常寫web應(yīng)用那樣。
第五步 — 測(cè)試你的應(yīng)用
如果你已經(jīng)配置好了path環(huán)境變量(見第一步,需要重啟電腦),下面很簡(jiǎn)單,首先打開一個(gè)命令行窗口,進(jìn)入/appname/source/目錄,然后運(yùn)行:
adl application.xml |
一切順利的話,你的應(yīng)用應(yīng)該已經(jīng)跑起來了,一個(gè)彈出的AIR應(yīng)用窗口好不容易的展示它的第一次。
第六步 — 打包你的AIR應(yīng)用
在很多磕磕碰碰,反復(fù)調(diào)試之后,你可能已經(jīng)完成了應(yīng)用,現(xiàn)在你準(zhǔn)備向朋友或者網(wǎng)上的菜鳥炫耀一下你的處女作。那么我們開始打包,這一步其實(shí)比我想象的要簡(jiǎn)單。
首先需要生成一個(gè)簽名Certificate,并放置在應(yīng)用的根目錄/appname/
adt -certificate -cn SelfSign -ou Dev -o “Example” -c US 2048-RSA cert.pfx 換成你的密碼 |
然后就是進(jìn)入source目錄打包:
adt -package -storetype pkcs12 -keystore ../cert.pfx ../build/AirTest.air application.xml . |
不出意外的話,會(huì)當(dāng)場(chǎng)生成一個(gè)AppName.air文件,你可以安裝一下感受親手做的第一個(gè)Air應(yīng)用。