使用適用於 Dreamweaver 的 AIR 擴充功能

適用於 Dreamweaver® 的 Adobe® AIR® 擴充功能可讓您將網路應用程式轉換成桌面應用程式。然後,用戶就可以在桌面上執行此應用程式,而且在某些情況下,甚至不需要網際網路連線。

您可以使用此擴充功能搭配 Dreamweaver CS3 和更新版本。但是,它與 Dreamweaver 8 不相容。

註解:

Adobe AIR 不支援 Adobe InContext Editing。如果您使用 Dreamweaver 的 AIR Extension 轉存包含 InContext Editing 區域的應用程式,InContext Editing 功能將會失效。

安裝適用於 Dreamweaver 的 AIR 擴充功能

適用於 Dreamweaver 的 AIR 擴充功能可協助您為桌面建立豐富的網際網路應用程式。例如,您可能有一組網頁,而這些網頁會彼此互動以顯示 XML 資料。此時,您就可以使用適用於 Dreamweaver 的 Adobe AIR 擴充功能,將這組頁面封裝成可在用戶電腦上安裝的小型應用程式。當用戶從桌面執行應用程式時,該應用程式會在其自身的應用程式視窗 (獨立於瀏覽器) 中載入並顯示網站。然後,用戶就可以在本機電腦上瀏覽網站,而不需要網際網路連線。

Adobe® ColdFusion® 和 PHP 頁面等動態網頁無法在 Adobe AIR 中執行。此執行階段只能搭配 HTML 和 JavaScript 運作。不過,您可以使用 Ajax 方法 (例如 XMLHTTPRequest 或 Adobe AIR 專用 API),透過頁面中的 JavaScript 呼叫在網際網路上公開的任何網路服務,包括 ColdFusion 或 PHP 產生的服務。

系統需求

若要使用適用於 Dreamweaver 的 Adobe AIR 擴充功能,您必須安裝並正確設定下列軟體:

  • Dreamweaver CS3 或更新版本

  • Adobe® Extension Manager CS3 或更新版本

  • Java JRE 1.4 或更新版本 (建立 Adobe AIR 檔案的必要條件)。您可以從 http://java.sun.com/ 下載 Java JRE。

    上面只是在 Dreamweaver 中建立和預覽 Adobe AIR 應用程式的需求。若要在桌面上安裝和執行 Adobe AIR 應用程式,您也必須在電腦上安裝 Adobe AIR。若要下載此執行階段,請參閱 www.adobe.com/go/air_tw。

安裝適用於 Dreamweaver 的 Adobe AIR 擴充功能

  1. 下載適用於 Dreamweaver 的 Adobe AIR 擴充功能,網址為:http://www.adobe.com/tw/products/air/tools/ajax/。

  2. Windows 檔案總管 (Windows) 或 Finder (Macintosh) 中,按兩下 .mxp 擴充功能檔案。

  3. 請遵循螢幕上的指示安裝擴充功能。

  4. 安裝完成之後,請重新啟動 Dreamweaver。

    如需使用適用於 Dreamweaver 之 Adobe AIR 擴充功能的詳細資訊,請參閱「使用適用於 Dreamweaver 的 AIR 擴充功能」。

在 Dreamweaver 中建立 AIR 應用程式

若要在 Dreamweaver 中建立 HTML 架構的 AIR 應用程式,請選取要封裝為 AIR 應用程式的現有網站。

  1. 請確定您想要封裝為應用程式的網頁包含在已定義的 Dreamweaver 網站中。

  2. 在 Dreamweaver 中,開啟您想要封裝之該組網頁的首頁。

  3. 選取「網站 > Air 應用程式設定」。

  4. 完成「AIR 應用程式和安裝程式設定」對話方塊,然後按一下「建立 AIR 檔」。

    如需詳細資訊,請參閱下列對話方塊選項。

    第一次建立 Adobe AIR 檔案時,Dreamweaver 就會在網站根資料夾中建立 application.xml 檔案,做為定義各種應用程式屬性的資訊清單。

    下面將描述「AIR 應用程式和安裝程式設定」對話方塊中的選項:

    應用程式檔案名稱

    是用於應用程式可執行檔的名稱。根據預設,此擴充功能會使用 Dreamweaver 網站的名稱來命名檔案。如果您想要,也可以變更這個名稱。不過,這個名稱只能包含適用於檔案或資料夾名稱的有效字元 (也就是說,它只能包含 ASCII 字元,而且不得以句號為結尾)。此為必要的設定。

    應用程式名稱

    是用戶安裝應用程式時,顯示在安裝畫面上的名稱。同樣地,此擴充功能預設會指定 Dreamweaver 網站的名稱。此設定沒有字元限制,而且非必要設定。

    應用程式 ID

    透過此唯一 ID 來識別您的應用程式。您可以依個人需要變更預設 ID。請勿在 ID 中使用空格或特殊字元。有效字元只有 0 到 9、a 到 z、A 到 Z、. (點) 和 - (破折號)。此為必要的設定。

    版本

    指定應用程式的版本號碼。此為必要的設定。

    初始內容

    指定應用程式的起始網頁。您可以按一下「瀏覽」按鈕,瀏覽到您的起始網頁,然後加以選取。選擇的檔案必須位於網站根資料夾內部。此為必要的設定。

    描述

    讓您指定當用戶安裝應用程式時,要顯示的應用程式說明。

    版權資訊

    讓您指定在 Macintosh 上安裝 Adobe AIR 應用程式時,「關於」資訊中所顯示的版權資訊。此資訊不適用於安裝在 Windows 上的應用程式。

    視窗樣式

    指定當用戶在其電腦上執行應用程式時,要採用的視窗樣式 (或色彩)。「系統色彩」會將作業系統的標準視窗控制項環繞在應用程式四周。「自訂色彩 (不透明)」則會移除標準系統色彩,讓您可以自行建立應用程式的色彩 (您可直接在封裝的 HTML 頁面中建構自訂色彩)。雖然「自訂色彩 (透明)」與「自訂色彩 (不透明)」很相似,不過它會使頁面邊緣呈現透明,以便顯示形狀非矩形的應用程式視窗。

    視窗大小

    指定應用程式視窗開啟時的尺寸。

    圖示

    讓您針對應用程式圖示選取自訂影像 (預設影像是此擴充功能隨附的 Adobe AIR 影像)。若要使用自訂影像,請按一下「選取圖示影像」按鈕。然後,在出現的「圖示影像」對話方塊中,按一下各個圖示大小的資料夾,接著選取您想要使用的影像檔。對於應用程式圖示影像而言,AIR 僅支援 PNG 檔案。

    註解:

    選取的自訂影像必須位於應用程式網站中,而且其路徑必須與網站根目錄相對。

    相關聯的檔案類型

    讓您建立檔案類型與應用程式的關聯。如需詳細資訊,請參閱下列小節。

    應用程式更新

    決定要讓 Adobe AIR 應用程式安裝程式或應用程式本身更新為新版 Adobe AIR 應用程式。此核取方塊預設處於已選取狀態,可讓 Adobe AIR 應用程式安裝程式執行更新。如果您想要讓應用程式自行執行更新,請取消選取此核取方塊。請記住,如果您取消選取此核取方塊,就必須撰寫可執行更新的應用程式。

    內含的檔案

    指定要在應用程式中包含哪些檔案或資料夾。您可以加入 HTML 和 CSS 檔案、影像檔和 JavaScript 圖庫檔案。按一下加號 (+) 按鈕可加入檔案,按一下資料夾圖示則可加入資料夾。您不應該加入某些檔案,例如 _mmServerScripts、_notes 等等。若要刪除清單中的檔案或資料夾,請選取檔案或資料夾,然後按一下減號 (-) 按鈕。

    數位簽名

    按一下「設定」以使用數位簽名簽署應用程式。此為必要的設定。如需詳細資訊,請參閱下列小節。

    程式選單資料夾

    指定 Windows「開始」選單子目錄,讓您在此建立應用程式捷徑 (不適用於 Macintosh)。

    目的地

    指定要用來儲存新應用程式安裝程式 (.air 檔案) 的位置。預設位置為網站根目錄。按一下「瀏覽」按鈕以選取其他位置。預設檔案名稱是以網站名稱為基礎,再加上 .air 副檔名。此為必要的設定。

    下面是已設定一些基本選項的對話方塊範例:

     

    AIR 應用程式和安裝程式設定對話方塊

使用數位憑證簽署應用程式

數位簽名可保障應用程式在由軟體作者建立後,其程式碼未遭變更或毀損。所有 Adobe AIR 應用程式都需要使用數位簽名,而且無法在沒有簽名的情況下安裝。您可以使用所購買的數位憑證來簽署應用程式、自行建立憑證,或是準備稍候簽署的 Adobe AIRI 檔案 (Adobe AIR Intermediate 檔案)。

  1. 在「AIR 應用程式和安裝程式設定」對話方塊中,按一下「數位簽名」選項旁的「設定」按鈕。

  2. 在「數位簽名」對話方塊中,執行下列其中一項:

    • 若要使用預先購買的數位憑證來簽署應用程式,請按一下「瀏覽」按鈕,選取憑證,輸入對應的密碼,然後按一下「確定」。

    • 若要建立專屬的自我簽署數位憑證,請按一下「建立」按鈕並完成該對話方塊。憑證的「類型」選項表示安全性等級:1024-RSA 使用 1024 位元金鑰 (較不安全),而 2048-RSA 則使用 2048 位元金鑰 (較安全)。完成之後,請按一下「確定」。接著,在「數位簽名」對話方塊中輸入對應的密碼,然後按一下「確定」。

    • 選取「準備稍後再簽署的 AIRI 套件」,然後按一下「確定」。這個選項可讓您建立不含數位簽名的 AIR Intermediate (AIRI) 應用程式。不過,在您加入數位簽名之前,用戶將無法安裝此應用程式。

關於時間戳記

當您使用數位憑證來簽署 Adobe AIR 應用程式時,封裝工具就會查詢時間戳記授權單位的伺服器,以便取得可獨立驗證的簽署日期和時間。所取得的時間戳記會內嵌在 AIR 檔案中。只要簽署憑證在簽署時有效,用戶就可以安裝 AIR 檔案,即使憑證已過期也一樣。另一方面,如果沒有取得任何時間戳記,當憑證過期或遭撤銷時,AIR 檔案將不再可安裝。

根據預設,適用於 Dreamweaver 的 Adobe AIR 擴充功能會在建立 Adobe AIR 應用程式時取得時間戳記。不過,您可以在「數位簽名」對話方塊中取消選取「時間戳記」選項,藉以關閉時間戳記功能 (例如,如果時間戳記服務無法使用,您可能就會想要這樣做)。Adobe 建議所有公開散佈的 AIR 檔案都要加入時間戳記。

AIR 封裝工具所使用的預設時間戳記授權單位是 Geotrust。如需時間戳記和數位憑證的詳細資訊,請參閱為 AIR 檔加上數位簽名

編輯相關聯的 AIR 檔案類型

您可以讓不同的檔案類型與 Adobe AIR 應用程式產生關聯。例如,如果您想要在用戶按兩下副檔名為 .avf 的檔案類型時,在 Adobe AIR 中開啟這些檔案,就可以將 .avf 副檔名加入至「相關聯的檔案類型」清單。

  1. 在「AIR 應用程式和安裝程式設定」對話方塊中,按一下「相關聯的檔案類型」選項旁的「編輯清單」按鈕。

  2. 在相關聯的檔案類型」對話方塊中,執行下列其中一項作業:

    • 選取檔案類型,然後按一下減號 (-) 按鈕,即可刪除此檔案類型。

    • 按一下加號 (+) 按鈕,即可加入檔案類型。

      如果您按一下加號按鈕來加入檔案類型,就會顯示「檔案類型設定」對話方塊。請完成此對話方塊,然後按一下「確定」關閉它。

      下面是選項的清單:

      名稱

      指定顯示在「相關聯的檔案類型」清單中的檔案類型名稱。這個選項必填,而且只能包含 ASCII 英數字元 (a-z、A-Z、0-9) 和小數點 (例如 adobe.VideoFile)。此名稱必須以字母為開頭,且最大長度為 38 個字元。

      副檔名

      指定檔案類型的副檔名。請勿加入前置小數點。這個選項必填,而且只能包含 ASCII 英數字元 (a-z、A-Z、0-9)。最大長度為 38 個字元。

      描述

      讓您指定檔案類型的選擇性說明。

      內容類型

      指定檔案的 MIME 類型或媒體類型 (例如 text/html、image/gif 等等)。

      圖示檔案位置

      讓您針對相關聯的檔案類型選取自訂影像 (預設影像是此擴充功能隨附的 Adobe AIR 影像)。

編輯 AIR 應用程式設定

您可以隨時編輯 Adobe AIR 應用程式的設定。

  1. 選取「網站 > AIR 應用程式設定」,然後進行變更。

預覽 AIR 應用程式中的網頁

您可以在 Dreamweaver 中預覽 HTML 頁面顯示在 Adobe AIR 應用程式中的狀況。預覽功能相當有用,讓您不需要建立完整的應用程式,就能查看網頁在應用程式中呈現的外觀。

  1. 在「文件」工具列上,按一下「在瀏覽器中預覽/除錯」按鈕 ,然後選取「在 AIR 中預覽」。

    您也可以按 Ctrl+Shift+F12 鍵 (Windows) 或 Cmd+Shift+F12 鍵 (Macintosh)。

使用 AIR 程式碼提示和程式碼色彩標示

適用於 Dreamweaver 的 Adobe AIR 擴充功能也會在 Dreamweaver 中針對「程式碼」檢視中的 Adobe AIR 語言元素加入程式碼提示和程式碼色彩標示。

  1. 在「程式碼」檢視中開啟 HTML 或 JavaScript 檔案,然後輸入 Adobe AIR 程式碼。

    註解:

    程式碼提示機制只能在 <script> 標籤或 .js 檔案中運作。

    如需 Adobe AIR 語言元素的詳細資訊,請參閱本手冊其餘部分的開發人員文件。

存取 Adobe AIR 文件

Adobe AIR 擴充功能會在 Dreamweaver 中加入「說明」選單項目,讓您存取「使用 HTML 和 Ajax 來開發 AIR 應用程式」。

  1. 選取「說明 > Adobe AIR 說明」。

Adobe 標誌

登入您的帳戶