建立及部署 Chrome 資訊站應用程式

本文適用對象為具備 Chrome 應用程式開發經驗的 Chrome 管理員和開發人員。

Chrome 管理員可以將 ChromeOS 裝置做為單一用途裝置使用，例如數位電子看板或互動式螢幕。您可以前往 Chrome 線上應用程式商店部署現成的資訊站應用程式，也可以建立自己專屬的資訊站應用程式。

部分搭載 Chrome 57 以上版本的 ChromeOS 裝置可支援 Android 應用程式。如要進一步瞭解如何在受管理的 Chrome 裝置上安裝 Android 應用程式，請參閱「在 Chrome 裝置上以 Kiosk 模式執行 Android 應用程式」。

注意事項

您必須先為 ChromeOS 裝置進行註冊，然後才能在這些裝置上部署資訊站應用程式。詳情請參閱「註冊 ChromeOS 裝置」。
您可以使用 Chrome 封裝應用程式來建立資訊站應用程式，但無法使用代管應用程式。
請使用設為以全螢幕模式執行的 Chrome 應用程式。
遵循 Chrome 應用程式開發最佳做法。

步驟 1：建立 Chrome 資訊站應用程式

開發人員可以透過 2 種方式建立資訊站應用程式，並將其部署到 Chrome 裝置：使用現有的網頁應用程式和 Chrome 應用程式製作工具將應用程式封裝為資訊站應用程式，或建立新的網頁應用程式。

選項 1：使用現有的網頁應用程式

事前準備：請在您要建立資訊站應用程式的電腦上，為 Chrome 瀏覽器新增 Chrome 應用程式製作工具。

在您要建立應用程式的電腦上，為應用程式的檔案建立資料夾。
開啟 Chrome 應用程式製作工具。
輸入應用程式名稱和初始版本。
初始版本號碼請使用較小的數字，例如 0.0.0.1，為後續版本預留提高數字的空間。
輸入應用程式目前的首頁網址。
這個網址將成為新資訊站應用程式的到達網頁。
選擇導覽控制項，例如返回、往前、重新載入，以及重新啟動工作階段等。
指定逾時值：
- 工作階段閒置逾時：應用程式閒置多久後會清除瀏覽資料。
- 逾時多久後返回首頁：應用程式閒置多久後會返回首頁 (不會清除瀏覽資料)。
  「工作階段閒置逾時」和「逾時多久後返回首頁」的預設值皆為 0 分鐘，亦即應用程式不會逾時。
(選用) 如要指定應用程式使用者需要遵守的服務條款，請輸入文字。
(選用) 如要配合執行應用程式的裝置旋轉首頁，請選取值。
舉例來說，如果您的應用程式是在採用縱向版面配置的裝置上運作，則需要旋轉 90 度。
選取 [已啟用 Kiosk 模式]。
按一下 [匯出資訊站應用程式]。
選擇您要匯出應用程式檔案的位置，然後按一下 [選取]。

使用 Chrome 應用程式製作工具建立資訊站應用程式後，您可以新增其他檔案來自訂這個應用程式。

選項 2：建立新的應用程式

您可以利用下列步驟提供的範例檔案，建立簡易的資訊站應用程式。

在您要建立應用程式的電腦上，為應用程式的檔案建立資料夾。
建立應用程式 HTML 檔案。
1. 使用文字編輯器建立 HTML 檔案。
  以下是HTML 範例檔案。
2. 將檔案儲存到應用程式資料夾中，並命名為 application.html。
建立資訊清單。
1. 使用文字編輯器建立 JavaScript Object Notation (JSON) 檔案。您可以參考這個JSON 範例檔案。
2. 確認 kiosk_enabled 已設為 true，例如 "kiosk_enabled": true。
3. (選用) 如不希望以一般應用程式的方式執行應用程式，請將 kiosk_only 設為 true，例如 "kiosk_only": true。
4. (選用) 如要加快網頁在資訊站應用程式 WebView 控制項中初始載入的時間，請在 webview 標記中指定 partition="persist:"。
  詳情請參閱 partition 屬性的開發人員資訊。
5. 使用您自選的第三方 JSON 驗證工具，確認 JSON 程式碼的格式正確無誤。
6. 將檔案儲存到應用程式資料夾中，並命名為 manifest.json。
指定應用程式的高度和寬度。
1. 使用文字編輯器建立 CSS 檔案。以下是CSS 範例檔案。
2. 將檔案儲存到應用程式資料夾中，並命名為 application.css。
  注意：資訊站應用程式會自動擴展成全螢幕。
(選用) 允許使用者結束資訊站工作階段：
1. 使用文字編輯器建立 JavaScript 檔案。以下是JS 範例檔案。
2. 將檔案儲存到應用程式資料夾中，並命名為 application.js。
建立背景指令碼：
1. 使用文字編輯器建立 JavaScript 檔案。以下是JS 範例檔案。
2. 將檔案儲存到應用程式資料夾中，並命名為 background.js。
建立應用程式圖示，並將圖示儲存到應用程式資料夾中：
1. 建立 128 X 128p 的圖示，並將圖示儲存為 128.png。
2. 建立 96 X 96p 的圖示，並將圖示儲存為 96.png。

或者，您也可以使用這個ZIP 範例檔案，其中的測試應用程式檔案設有瀏覽控制項和重設按鈕。這個應用程式的線上版本「Chrome browser Kiosk App 1.0」也已於 Chrome 線上應用程式商店發布。您可以使用任何文字編輯器來編輯檔案內容。

步驟 2：測試資訊站應用程式

開發人員需確保資訊站應用程式可在 ChromeOS 裝置上運作。

在 Chrome 裝置上登入您的 Google 帳戶。
將應用程式資料夾儲存到測試裝置上。
前往 chrome://extensions/。
在右上方開啟 [開發人員模式]。
按一下 [載入未封裝項目]。
找出並選取應用程式資料夾。
在 Chrome 瀏覽器中開啟新分頁，再依序按一下「應用程式」要測試的應用程式。請確認應用程式正確地載入並執行。
視需要變更 manifest.json 檔案並代管應用程式資料夾，然後重新進行測試。重複執行所有步驟，直到應用程式能夠正常運作為止。

步驟 3：在 Chrome 線上應用程式商店中發布

開發人員可以選擇為所有使用者提供應用程式和擴充功能，也可限定僅供部分使用者安裝。您可透過下列 2 種方式在 Chrome 線上應用程式商店發布資訊站應用程式：

公開 - 所有使用者皆可查看及安裝應用程式。
不公開 - 使用者需有應用程式連結，才能查看及進行安裝。應用程式不會顯示在 Chrome 線上應用程式商店的搜尋結果中。您可以將應用程式連結提供給網域外的使用者。

如果要在 Chrome 線上應用程式商店新增資訊站應用程式，請執行以下操作：

為檔案所在的資料夾建立壓縮檔。
按照在 Chrome 線上應用程式商店中發布一文的步驟操作。

步驟 4：部署資訊站應用程式

管理員可以在 Google 管理控制台中新增資訊站應用程式。

登入 Google 管理控制台。
請使用「管理員帳戶」(結尾「不是」@gmail.com) 登入。
在管理控制台中，依序點選選單圖示「裝置」「Chrome」「應用程式和擴充功能」「資訊站」。
To apply the setting to all users, leave the top organizational unit selected. Otherwise, select a child organizational unit.
將滑鼠游標移至「新增」圖示，然後按一下「從 Chrome 線上應用程式商店新增」。
搜尋要部署的應用程式，然後按一下 [選取]。
如果出現提示，請代表貴機構接受應用程式權限要求。
在右側面板設定應用程式和擴充功能政策。瞭解各項設定。
按一下 [儲存]。