| 篇是要告訴讀者，只會HTML與JavaScript的你，同樣可以在AIR上展現實力，這也意味著使用原來熟悉的HTML與 JavaScript相關知識就可以造就成網路桌面應用系統新應用，甚至，不需Flash技術就可以實現在AIR，話又說回來，你也可以利用 JavaScript來使用Flash Player APIs在AIR環境中。現在讓我們來探索這神奇之旅。
我只會HTML與JavaScript
我們先文章前有提到，AIR內也具備了Webkit引擎(可參考RUN!PC 2007年6月份217頁)，因此所有HTML可以做到的功能，在AIR環境裡幾乎完全支援，技術來說就是：
- CSS
- XHTML
- JavaScript(正確版本是1.5)
- XMLHttpRequest
- W3C DOM Level 2
上述你可以看出都是網頁中，行之有年的基本元素，網頁設計師的你不必大費周章就可以將既有html功能，轉成網路桌面視窗系統上來使用。
基本概念應該要知道
有幾個HTML與JavaScript在AIR運用上的基本概念你應該要知道：
1.在HTML內容為基礎上，完全支援Cookies。
要說明的是，AIR是建築在作業系統上，所以這裡指的Cookies是解釋為，Cookies可以分享於IE在Windows環境中，Safari則是在Mac環境上，唯獨Firefox是靠著本身的儲存方式，所以不能將Cookies分享在AIR應用系統上。
2.可利用JavaScript開啟新視窗。
目前Beta版只針對API上的支援，正式版將完全支援桌面視窗。
3.對話提示。
像是操作錯誤警告、輸入確認、提示對話等，在AIR 1.0正式版將完全支援。
4.Ajax中的XMLHttpRequest
XHTMLHttpRequest在Ajax上的廣泛應用就是在於資料的傳送與負載，是的，在AIR程式中同樣可以完全享用。你不需要擔心在跨瀏覽器與跨平台時的連續與不連續時的API是如何完成。
5.安全性問題
若是程式主體是在AIR程式內，表示具有執行所有Adobe AIR APIs與函數。但要是藉由遠端將資料或變數傳送到程式中，就表示己經進入了所謂的網頁安全內容裡，則不具有存取任何AIR APIs與函數的權限。舉個例子：AIR程式中是以app-resource:/test.html將資料負載到AIR程式裡，就具備完全存取AIR APIs的權限。反之，資料負載是使用HTTP，像是http://www.j2eemx.com/test.html就不會有存取AIR APIs的機會。
補充一點，跨網域(Cross domain)的資料負載是不被允許，但是你可以使用XMLHttpRequest物件來克服。
6.支援JavaScript框架
由於HTML在AIR環境中是完全支援支援JavaScript，理論上你可以使用目前網路上找得到的任何JavaScript框架，來打造自己的AIR程式，不過有幾點需要注意：
(1)任何的JavaScriipt框架都應該被包含在你的AIR檔裡，目的就是確保離線時AIR程式的可用性。
(2)如果JavaScript框架是從某一個Server傳送過來，請確定相關的URL是可以使用。
(3)載入的JavaScript框架如果是在AIR執行時從網路傳遞進來，這多少會讓一開始的執行效率打點折扣，同樣使得在離線作業時不能正式運作。
DIY品嚐一番
叮嚀
上一期己經交代過如何先取得Adobe AIR Beta軟體了，還沒下載過的朋友可以到http://www.adobe.com/go/air取得。本期我們會利用Adobe AIR SDK指令工具來打包(或稱封裝)成AIR程式(你也可以採用Dreamweaver CS3外掛程式打包)，同樣也是在上述網址就能下載，安裝方式與一般軟體一樣就不再說明。
對於IDE工具來說，你可以選擇最簡單輕巧的筆記本(Note Pad)，或是任何HTML編輯工具如Dreamweaver等，方便你快速編輯程式內容。
別忘了，AIR執行的作業系統，除了Linux之外，你都可以安裝使用，官方己宣稱1.0之後才會再去開發支援Linux系統。而己安裝過Beta先前版本，務必記得先移除後再安裝Adobe AIR Beta。
Let’s go
每一支的AIR應用程式至少都要有二個檔案，第一個是執行主檔，HTML或SWF(如：Flex就會自動產生SWF檔)，以便程式執行時會先將此檔開啟。 第二個檔，我們稱為程式描述檔，講穿了其實就是XML檔，這XML檔裡描述了Adobe AIR程式的metadata，如：程式名稱、程式描述、視窗初始狀態等，容後詳述。
主要步驟
1.我們先建立一個資料夾，取名為MyHtmlAIR，這好處猶如建立一個專案，所有程式檔案都會放在裡，方便管理。
2.在這資料夾裡，我們建立一個檔名為MyHtmlAIR.html及MyHtmlAIR.xml。現在就用Note Pad開啟這空白的MyHtmlAIR.html。
3.將MyHtmlAIR.html及MyHtmlAIR.xml檔案撰寫完成後，即刻使用adl指令測試執行結果。 |
