国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

面向JavaScript開發(fā)人員的Adobe AIR與Dreamweaver

這篇具有很好參考價值的文章主要介紹了面向JavaScript開發(fā)人員的Adobe AIR與Dreamweaver。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

入門教程,非常詳細(xì),CS4里面應(yīng)該可以省略前面幾步直接開發(fā)了。

?

Adobe AIR對于HTML/JavaScript應(yīng)用程序與桌面的集成有著出色的支持,但除了所有附加功能之外,還需要一些其他工具和技術(shù)。這篇文章探討了使用HTML/JavaScriptWeb開發(fā)與使用同樣工具的應(yīng)用程序開發(fā)之間的差異。

需求

為了更好地學(xué)習(xí)本文,您需要以下軟件和文件:

Adobe AIR

  • 下載

Dreamweaver CS3

  • 試用
  • 購買

Adobe AIR Extension for Dreamweaver CS3

  • 下載

范例文件

  • exercise_files_for_js.zip (ZIP, 308K)

必備知識

本教程要求理解Dreamweaver CS3的工作原理,并掌握JavaScript的中級知識。

為AIR設(shè)置Dreamweaver

要開始進(jìn)行AIR開發(fā),最簡單的方法之一就是安裝Adobe AIR Extension for Dreamweaver CS3

安裝必備項

請安裝本文簡介頁面提到的AIR運行時。這將使您能夠按照本教程中展示的范例逐步操作。

此外,還必須安裝Adobe AIR Extension for Dreamweaver CS3。這一擴(kuò)展使您能夠在Dreamweaver內(nèi)構(gòu)建、測試和部署AIR應(yīng)用程序。下載本擴(kuò)展后,雙擊它。這將打開Adobe Extension Manager。如果此前您安裝過任何用于Dreamweaver CS3AIR擴(kuò)展,將提示您本操作將覆蓋某些文件。由于正在安裝的是最新版本的擴(kuò)展,因此覆蓋舊文件不會造成問題。

Dreamweaver AIR工作流

AIR擴(kuò)展的安裝不會立即改變Dreamweaver的布局??梢詮牟藛螜谥羞x擇Commands項,確認(rèn)安裝已成功完成。您應(yīng)看到新增了兩個選項:AIR Applications SettingsCreate AIR File。如果您使用的是Windows機(jī)器,則應(yīng)看到如圖1所示的菜單。

?

???????????????????????? ?

?

????????????????????????????????????? 1. Dreamweaver CS3中的Site菜單

?

驗證安裝之后,可以開始構(gòu)建您的第一個AIR應(yīng)用程序。盡管這項任務(wù)初看起來可能有些令人畏縮,但很快您就會發(fā)現(xiàn),Dreamweaver會替您完成大多數(shù)配置。

AIR應(yīng)用程序設(shè)置

Web應(yīng)用程序和桌面應(yīng)用程序之間的一個主要差異就在于配置。對于桌面應(yīng)用程序來說,有一些必須解答的新問題。這個應(yīng)用程序應(yīng)該有多大?窗口看起來應(yīng)該是怎樣的?它應(yīng)該定位在屏幕的什么位置?程序圖標(biāo)應(yīng)該是什么樣子?有許多類似的問題需要回答,之后才能打包應(yīng)用程序并將其發(fā)送給用戶。

AIR中,這些配置項均由一個稱為應(yīng)用程序描述符文件的XML文件處理。下面是一個簡單的應(yīng)用程序描述符文件:

<?xml version="1.0" encoding="utf-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
? <filename>SampleApplication</filename>
? <copyright>2007 DavidTucker.net</copyright>
? <customUpdateUI>false</customUpdateUI>
? <name>Sample Application</name>
? <id>net.davidtucker.air.SampleApplication</id>
? <version>1</version>
? <initialWindow>
??? <content>index.html</content>
??? <height>500</height>
??? <width>500</width>
??? <systemChrome>standard</systemChrome>
??? <transparent>false</transparent>
??? <visible>true</visible>
? </initialWindow>
</application>

可以看到,您必須回答的許多問題都在這個短短的文件中得到了解答。例如,應(yīng)用程序的寬度和高度以及應(yīng)用程序主窗口有關(guān)的其他屬性都是在<initialWindow>標(biāo)記內(nèi)定義的。完整的應(yīng)用程序描述符文件要比這長得多,包含用于自定義程序圖標(biāo)、窗口定位和自定義文件類型的選項。

為您開發(fā)的每一個AIR應(yīng)用程序創(chuàng)建一個這樣的文件看上去有些繁瑣,但Dreamweaver使您可以輕松創(chuàng)建應(yīng)用程序描述符文件。如果您有一個在Dreamweaver CS3上開放的站點,可以單擊Command菜單中的AIR Application Settings項。這將打開圖2所示窗口。

?

??????????

??????????2. Dreamweaver CS3中的AIR Application and Installer Settings對話框

?

?

?

其中許多設(shè)置都可保留默認(rèn)值,但必須為各AIR項目更改IDName值。ID是用于將您的應(yīng)用程序與其他AIR應(yīng)用程序區(qū)分開來的惟一值——即便它們具有相同的名稱。許多開發(fā)人員都為其ID使用反向域名解析(reverse-dns的形式。例如,我的域是davidtucker.net,我可能會為應(yīng)用程序選擇net.davidtucker.SampleApplication這樣的ID。如果開發(fā)人員運用此慣例,就能夠最大程度地消除應(yīng)用程序ID重復(fù)的可能性。

對于應(yīng)用程序的發(fā)布和更新來說,ID尤為重要。在稍后的部分中,您將了解更多內(nèi)容。有必要了解,在創(chuàng)建應(yīng)用程序時應(yīng)設(shè)置ID,而且在此后不應(yīng)再更改。如果更改,就無法在Adobe AIR內(nèi)使用更新框架等功能。

創(chuàng)建AIR應(yīng)用程序

既然已經(jīng)完成了準(zhǔn)備工作,就可以將一個Web應(yīng)用程序置入Adobe AIR,查看其運行方式。為在Dreamweaver內(nèi)完成此任務(wù),首先需要為您的項目創(chuàng)建一個新站點。在本文附帶的練習(xí)文件中,您可以看到一個名為Sample Application Template的文件夾。將所有這四個文件都放到site文件夾中。

接下來,選擇Site > AIR Application and Installer Settings。確保四個文件都出現(xiàn)在本對話框的Incluede Files部分(如圖3所示)。如果其中某些文件未出現(xiàn)在此列表中,可以單擊加號并選擇缺少的文件添加它們。

????????????????????

???????????????????? 3. 使用Dreamweaver CS3包含AIR應(yīng)用程序中的文件

?

完成此任務(wù)之后,單擊Preview按鈕。祝賀您,您剛剛在Dreamweaver CS3中測試了您的第一個AIR應(yīng)用程序。還有一個地方必須在打包和部署此應(yīng)用程序之前進(jìn)行檢查,也就是安全性。

AIR中的安全性

對于Web開發(fā)人員來說,思維方面的一項重大改變就是要認(rèn)識到,他們在AIR中開發(fā)的是桌面應(yīng)用程序,而不是Web應(yīng)用程序。桌面應(yīng)用程序有一些Web應(yīng)用程序沒有的特殊許可,例如文件系統(tǒng)交互。出于此原因,必須給予特別關(guān)注,確保AIR應(yīng)用程序未受任何外部源的威脅,同時確保您的AIR應(yīng)用程序來自預(yù)計的正確發(fā)布者。因此,您會發(fā)現(xiàn)AIR內(nèi)部的證書和安全性沙箱。

備注:如需進(jìn)一步了解AIR中的安全性,請參見Lucas Adamski的文章Introducing the Adobe AIR security model。

自簽證書

由于桌面應(yīng)用程序可能會給用戶的計算機(jī)造成風(fēng)險,因此有必要找到某種方法,驗證AIR應(yīng)用程序發(fā)布者的身份。與其他一些桌面應(yīng)用程序平臺類似,Adobe AIR也要求您的應(yīng)用程序具備證書。但這并不表示您必須使用商業(yè)證書。Adobe實際上也允許開發(fā)人員使用自簽證書。在Dreamweaver中,您可以單擊AIR Application and Installation窗口中Digital Signature字段旁邊的Set按鈕,為您的應(yīng)用程序創(chuàng)建證書。此操作將打開一個窗口,您需要單擊Create按鈕。接下來出現(xiàn)的窗口允許您填寫關(guān)于您和您的組織的信息(參見圖4)。完成此步驟之后,Dreamweaver就會通知您證書是否已正確創(chuàng)建。

備注:如需進(jìn)一步了解簽名應(yīng)用程序的基本原理,請參見Todd Prekaski的文章Digitally signing Adobe AIR applications中的Why sign an application

????

??????????????????? 圖4. Dreamweaver CS3中的證書創(chuàng)建窗口

現(xiàn)在,您可以在AIR Application Settings窗口中設(shè)置數(shù)字簽名。您需要確認(rèn)并牢記創(chuàng)建證書時所用的密碼,每次創(chuàng)建.air文件時都必須輸入此密碼。

商業(yè)簽名證書

商業(yè)簽名證書為應(yīng)用程序的最終用戶確認(rèn)您的身份。這非常重要,在用戶安裝自簽AIR應(yīng)用程序和商業(yè)簽名應(yīng)用程序時,所出現(xiàn)的安裝屏幕是不同的。圖5和圖6展示了這種差別。

?????????????

?????????????????????????? 圖5. 自簽證書應(yīng)用程序的安裝窗口

?

??????????????

???????????????????????? 圖6. 商業(yè)簽名證書應(yīng)用程序的安裝窗口

?

商業(yè)簽名證書由Thawte等企業(yè)提供。不同于創(chuàng)建自簽證書的過程,商業(yè)證書的發(fā)行者會處理證書創(chuàng)建過程。

安全性沙箱

沙箱為一個頁面或應(yīng)用程序中的資產(chǎn)分配一個具體的權(quán)限組。應(yīng)用程序描述符文件中引用的根HTML文件將自動置于應(yīng)用程序沙箱中。應(yīng)用程序的根文件將位于應(yīng)用程序沙箱中。

應(yīng)用程序沙箱提供了最廣泛的功能。實際上,對于應(yīng)用程序沙箱中的內(nèi)容,只有一項約束:eval方法的使用受嚴(yán)格限制。Eval方法仍然可以計算字面值,但函數(shù)調(diào)用無法通過JSON傳遞。由于這是桌面應(yīng)用程序而非Web應(yīng)用程序,核心AIR API調(diào)用需要受到保護(hù)。如果遠(yuǎn)程服務(wù)器收到威脅,發(fā)送以下JSON語句會怎樣?

{ air.NativeApplication.nativeApplication.exit() }

這將導(dǎo)致應(yīng)用程序在未發(fā)出警報的前提下退出。許多JavaScript開發(fā)人員都不會將此編寫到他們的代碼中,但許多JavaScript框架都實現(xiàn)了這種功能。在這種情況下,開發(fā)人員可以使用遠(yuǎn)程沙箱,使用parentSandboxBridgechildSandboxBridge在兩種不同的沙箱之間通信。

使用高級模板創(chuàng)建apProject

用于在不同的沙箱之間進(jìn)行處理的功能可能令人迷惑,因此Adobe提供了一種模板,專門處理此類應(yīng)用程序。可在本文附帶的練習(xí)文件中找到此模板。此模板是將現(xiàn)有Web應(yīng)用程序與AIR相集成的理想起點。

掌握細(xì)節(jié)

AIR中的沙箱是一個復(fù)雜的主題。對于許多應(yīng)用程序來說,這種基本的應(yīng)用/非應(yīng)用沙箱方法都足以應(yīng)對,但在數(shù)據(jù)從多個數(shù)據(jù)源動態(tài)加載時,就需要對AIR內(nèi)的安全性模型有更加透徹的理解。在Developing AIR Applications with HTML and Ajax 中,您會看到有整整一章的內(nèi)容專門介紹安全性模型。Lucas Adamski最近還撰寫了一篇文章,介紹了AIR安全性模型及其背后的基本原理。

調(diào)試應(yīng)用程序

調(diào)試是Ajax開發(fā)的重要部分。有許多調(diào)試工具可用,但許多開發(fā)人員都單純依靠FirebugJoe Hewitt開發(fā)的一種Firefox插件)之類的插件。如何調(diào)試AIR Ajax應(yīng)用程序?Firebug不是理想選擇,那么開發(fā)人員應(yīng)該做些什么?Adobe在為AIR開發(fā)人員設(shè)計工具時考慮了這方面的問題,提供了兩種選擇。

簡單調(diào)試

簡單調(diào)試是獲得某部分信息的簡單方法。在很多情況下,如果調(diào)試單個的代碼塊,只需采用這種方法即可。在AIR中,有許多方法可實現(xiàn)簡單調(diào)試,但常用的方法有兩種:調(diào)用alert方法,使用AIR內(nèi)的跟蹤功能。Alert方法的功能與它在標(biāo)準(zhǔn)JavaScript Web應(yīng)用程序中的功能相同,但air.traceAIR API獨有的。Air.trace方法允許開發(fā)人員通過ADLAIR Debug Lanuncher)發(fā)送跟蹤語句。Dreamweaver不支持此方法,因此您往往需要考慮復(fù)雜的調(diào)試解決方案——Introspector。

使用AIR introspector實現(xiàn)復(fù)雜調(diào)試

對于幾乎所有情況,AIR Introspector都提供了比前述任何方法更高、更具體的調(diào)試級別。Introspector提供了Firebug之類的標(biāo)準(zhǔn)工具中的大多數(shù)功能。Introspector包含五個選項卡(參見圖7):

·???????? Console:控制臺將接收來自AIR的錯誤、警告和通知以及由用戶發(fā)送的自定義消息。開發(fā)人員可以使用五種不同的方法向控制臺發(fā)送數(shù)據(jù)。

    • o air.Introspector.Console.log('Sample Log Item')
    • o air.Introspector.Console.warn('Sample Warning Item')
    • o air.Introspector.Console.info('Sample Info Item')
    • o air.Introspector.Console.error('Sample Error Item')
    • o air.Introspector.Console.dump( object )
  • HTMLHTML選項卡提供了一種方法,可以使用樹型布局查看HTML并查看XML中某個節(jié)點的DOM屬性和computed style元素。將鼠標(biāo)移動到一個XML節(jié)點上時,應(yīng)用程序中的對應(yīng)內(nèi)容將突出顯示。
  • DOMDOM選項卡提供了窗口的所有DOM屬性的列表。
  • AssetsAssets選項卡提供了一種方法,可查看您的應(yīng)用程序中使用的所有文件,包括圖像、JavaScript文件和CSS文件。
  • Sourcesource選項卡不僅使您能夠查看應(yīng)用程序的實際源代碼(以及JavaScript文件、CSS文件和應(yīng)用程序描述符文件的源代碼),還允許您查看解析后的源代碼。

XHRXHR選項卡允許您查看所有XMLHTTPRequests、其響應(yīng)XML及其響應(yīng)報頭。

?????????

????????????????????????????? 7. AIR Introspector

?

Introspector還提供了一種可視化的方法,用于檢查應(yīng)用程序中的元素。使用Introspector時,您可以按F11鍵來打開和關(guān)閉此模式。圖8展示了此功能的一個示例。

?????????

?????????????? 8. AIR IntrospectorInspect模式

?

?

最后,另外一項有用的特性就是,可以使用Introspector右上角的Refresh Active Window按鈕來刷新應(yīng)用程序中的某個窗口。

使用范例應(yīng)用程序

在本文附帶的練習(xí)文件中,有一個范例應(yīng)用程序(及其源代碼),名為Debugging Sample。安裝并啟動此應(yīng)用程序時,Introspector窗口應(yīng)默認(rèn)顯示。此應(yīng)用程序包含一些可與控制臺和范例XMLHTTPRequest交互的按鈕。

發(fā)布AIR應(yīng)用程序

AIRWeb開發(fā)人員引入了一組全新的挑戰(zhàn)。要發(fā)布一個Web應(yīng)用程序,只需將其放在Web服務(wù)器上,發(fā)出URL即可。對于在Adobe AIR上運行的桌面應(yīng)用程序,事情并不是這么簡單。

使用在線安裝

在線安裝(install badge)允許用戶在不離開Web站點的前提下安裝您的應(yīng)用程序和Adobe AIR運行時。我為

Adobe

Developer Center編寫了一篇文章,介紹了使用自動安裝無縫地部署AIR應(yīng)用程序的整個過程。

使用范例應(yīng)用程序

本文附帶的練習(xí)文件包含一個AIR內(nèi)更新功能的示例。其中包括AIR應(yīng)用程序和源代碼。應(yīng)用程序不依賴于任何框架,因此大多數(shù)代碼都可在您的應(yīng)用程序中重用。圖9展示了此應(yīng)用程序。

?

?

?????????????

????????????????????????????? 圖9. Update Sample應(yīng)用程序

?

通過執(zhí)行以下步驟來使用此應(yīng)用程序:

  1. 確定您要更新的應(yīng)用程序的URL和版本號(有許多方法可完成此任務(wù))。
  2. 創(chuàng)建一個URLStream類的實例,為其傳遞一個URLRequest類的實例(指向步驟1中的URL)。由于URLStream.load方法是異步的,您將需要添加一個事件偵聽器,偵聽URLStream何時完成。
  3. 下載完成中,您將URLStream的內(nèi)容讀入一個ByteArray。
  4. 現(xiàn)在,您要在應(yīng)用程序的存儲目錄中創(chuàng)建一個新的File對象。還要創(chuàng)建一個新的FileStream對象,將ByteArray的內(nèi)容讀入File對象。由于這是一個異步過程,還需要創(chuàng)建一個事件偵聽器,偵聽此流程在何時完成。
  5. 最后,創(chuàng)建Updater類的實例,為其傳遞File對象和最新的版本。AIR會完成其他工作。

此流程最初看起來比較復(fù)雜,但只要將它拆分成較小的部分,就非常簡單了。同樣,只要編碼了應(yīng)用流程,您很有可能在未來的應(yīng)用程序中重用大部分信息(由于核心流程不會有太大的變動)。社區(qū)開發(fā)人員還創(chuàng)建了一些類,使更新流程更加簡單。

加深理解

盡管這篇文章簡單介紹了Web開發(fā)和AIR開發(fā)之間的差異,但并未涵蓋此主題的方方面面。要加深對AIRAjax的認(rèn)識,請參考Adobe AIR Developer for HTML and Ajax Developers,進(jìn)一步了解可以在AIR中實現(xiàn)的目標(biāo)。

?

?

來自:http://blog.csdn.net/chengyongli/archive/2008/09/18/2948212.aspx文章來源地址http://www.zghlxwxcb.cn/news/detail-711309.html

到了這里,關(guān)于面向JavaScript開發(fā)人員的Adobe AIR與Dreamweaver的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包