使用 Dreamweaver 建立您的第一個 HTML 類型 AIR 應用程式

若要親身體驗 Adobe® AIR® 的運作方式,請使用這些指示以及 Adobe® AIR® Extension for Dreamweaver® 來建立和封裝一個簡單的 HTML 類型 AIR "Hello World" 應用程式。

如果您未曾嘗試過,請下載和安裝 Adobe AIR,網址為: www.adobe.com/go/air_tw

如需適用於 Dreamweaver 的 Adobe AIR 擴充功能安裝指示,請參閱 安裝適用於 Dreamweaver 的 AIR 擴充功能

如需擴充功能的概觀 (包括系統需求),請參閱 適用於 Dreamweaver 的 AIR 擴充功能

備註: 您只能針對 desktop 及 extendedDesktop 描述檔開發 HTML 類型的 AIR 應用程式。不支援行動描述檔。

準備應用程式檔案

您的 Adobe AIR 應用程式必須在 Dreamweaver 網站定義開始頁面 (及其所有相關頁面):

  1. 啟動 Dreamweaver,並確定您已經定義一個網站。

  2. 選取「檔案 > 新增」,接著在「頁面類型」欄中選取 HTML,然後在「佈局」欄中選取「無」,並按一下「建立」來開啟新 HTML 頁面。

  3. 在新頁面中輸入 Hello World!

    這個範例非常簡單,但您也可以嘗試設定喜好的文字樣式、在頁面中加入更多內容、在開始頁面中加入其他頁面的連結等等。

  4. 將頁面儲存 (「檔案 > 儲存檔案」) 為 hello_world.html。請確定將檔案儲存在 Dreamweaver 網站中。

如需 Dreamweaver 網站的相關資訊,請參閱「Dreamweaver 說明」:

建立 Adobe AIR 應用程式

  1. 請確定您已經在「Dreamweaver 文件」視窗開啟 hello_world.html 頁面 (請參閱上一節取得建立的指示)。

  2. 選取「網站 > AIR 應用程式設定」。

    「AIR 應用程式和設定」對話方塊會自動移入大部分的必要設定。不過,您必須自行選取應用程式的初始內容 (或開始頁面) 。

  3. 按一下「初始內容」選項旁的「瀏覽」按鈕,接著瀏覽至您的 hello_world.html 頁面並選取該頁面。

  4. 按一下「數位簽名」選項旁的「設定」按鈕。

    數位簽名可以保證應用程式的程式碼在軟體作者建立後未曾變更或損毀,而且所有 Adobe AIR 應用程式都需要數位簽名。

  5. 在「數位簽名」對話方塊選取「使用數位憑證簽署 AIR 套件」,然後按一下「建立」按鈕。(如果您有數位憑證的存取權,請按一下「瀏覽」按鈕來選取。)

  6. 完成「自我簽署的數位憑證」對話方塊中的必要欄位。您需要輸入您的姓名,輸入密碼並確認無誤,然後再輸入數位憑證檔案的名稱。Dreamweaver 會將數位憑證儲存在您的網站根目錄中。

  7. 按一下「確定」回到「數位簽名」對話方塊。

  8. 在「數位簽名」對話方塊,輸入指定的數位憑證的密碼,然後按一下「確定」。

    您完成的「AIR 應用程式和安裝程式設定」對話方塊可能看起來如下圖:

    如需所有對話方塊選項的進一步說明以及其編輯方式,請參閱 在 Dreamweaver 中建立 AIR 應用程式

  9. 按一下「建立 AIR 檔」按鈕。

    Dreamweaver 隨即建立 Adobe AIR 應用程式檔案,並儲存在您的網站根目錄資料夾中。Dreamweaver 還會建立一個 application.xml 檔案,並儲存在相同位置中。這個檔案提供清單功能,定義應用程式的各種屬性。

將應用程式安裝到桌面

建立應用程式檔案後,可以將它安裝到桌面任何位置。

  1. 將 Adobe AIR 應用程式檔案從 Dreamweaver 網站移至您的桌面或其他桌面上。

    這個步驟是選擇性的。如果您喜歡,也可以從 Dreamweaver 網站將新應用程式實際安裝在電腦上。

  2. 按兩下應用程式執行檔 (.air 檔) 來安裝應用程式。

預覽 Adobe AIR 應用程式

您隨時可以預覽構成 AIR 應用程式的任何頁面。也就是說,您不需要封裝應用程式,便可以看到安裝後的外觀。

  1. 確定您的 hello_world.html 頁面已經在「Dreamweaver 文件」視窗中開啟。

  2. 按一下「文件」工具列中的「在瀏覽器中預覽/除錯」按鈕,接著選取「在 AIR 中預覽」。

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

    當您預覽這個頁面時,基本上您看到的是使用者將程式安裝在桌面上後所看到的開始頁面外觀。