创建和部署 Chrome 自助服务终端应用

本文适用于拥有 Chrome 应用开发经验的 Chrome 管理员和开发者。

作为 Chrome 管理员,您可以将运行 Chrome 操作系统的设备转变成单一用途设备,例如数字标牌或互动显示器。您可以部署 Chrome 网上应用店中现有的自助服务终端应用,也可以自行开发自助服务终端应用。

运行 Chrome 操作系统的部分设备(需运行 Chrome 57 或以上版本)支持 Android 应用。要了解如何在受管理的 Chrome 设备上安装 Android 应用,请参阅在作为自助服务终端运行的 Chrome 设备上使用 Android 应用

注意事项

  • 在运行 Chrome 操作系统的设备上部署自助服务终端应用之前,您需要先注册设备。有关详情,请参阅注册 Chrome 设备
  • 您可以使用 Chrome 封装应用开发自助服务终端应用,但无法使用托管的应用。
  • 请使用被设为以全屏模式运行的 Chrome 应用。
  • 请遵循 Chrome 应用开发最佳做法

第 1 步:开发 Chrome 自助服务终端应用

作为开发者,您可以通过两种方式构建可在 Chrome 设备上部署的自助服务终端应用。使用 Chrome 应用构建程序将现有 Web 应用封装为自助服务终端应用,或者创建新的 Web 应用。

方法 1:使用现有 Web 应用

准备工作:在您要构建自助服务终端应用的计算机上,将 Chrome 应用构建程序添加到 Chrome 浏览器。
  1. 在您要构建自助服务终端应用的计算机上,创建一个文件夹用于保存该应用的文件。
  2. 打开 Chrome 应用构建程序
  3. 输入应用名称和初始版本号。
    请将初始版本号设为较小的数字,例如 0.0.0.1,以便为新版本逐渐提高版本号。
  4. 输入应用当前的首页网址。
    该网址页面将用作新自助服务终端应用的着陆页。
  5. 选择导航控件,例如返回、前进、重新加载和重启会话。
  6. 指定超时值:
    • Session idle timeout(会话闲置超时)- 系统会在应用闲置多久后清除浏览数据。
    • Timeout to return home(超时多久后返回首页)- 应用闲置多久后会返回首页。系统不会清除浏览数据。
      “会话闲置超时”和“超时多久后返回首页”的默认值均为 0 分钟。也就是说,应用不会超时。
  7. (可选)要为应用用户规定服务条款,请输入文本。
  8. (可选)要旋转首页以适应将要运行应用的设备,请选择一个值。
    例如,如果要在采用纵向布局的设备上运行应用,则需要旋转 90 度。
  9. 选择Kiosk mode enabled(已启用自助服务终端模式)。
  10. 点击 Export kiosk app(导出自助服务终端应用)。
  11. 选择要导出应用文件的目标位置,然后点击 Select(选择)。

通过 Chrome 应用构建程序创建自助服务终端应用后,您可以添加其他文件以自定义应用。

方法 2:构建新应用

您可以使用下述步骤中提供的示例文件构建简单的自助服务终端应用。
  1. 在您要构建自动服务终端应用的计算机上,创建一个文件夹用于保存该应用的文件。
  2. 创建应用的 HTML 文件。
    1. 使用文本编辑器创建 HTML 文件。
      请参阅 示例 HTML 文件
    2. 将文件保存到应用文件夹,并命名为 application.html
  3. 创建清单。
  4. 使用文本编辑器创建 JavaScript® 对象表示法 (JSON) 文件。请参阅 示例 JSON 文件
  5. 务必将 kiosk_enabled 设为“true”,即:"kiosk_enabled": true。
  6. (可选)如要禁止将应用作为常规应用运行,请将 kiosk_only 设为“true”,即:"kiosk_only": true。
  7. (可选)如要在自助服务终端应用的“webview”控件中加快网页的初始加载速度,请在“webview”标签中指定 partition="persist:"
    有关详情,请参阅有关 partition 属性的开发者信息
  8. 使用第三方 JSON 验证工具(如 JSONLint)确保 JSON 代码的格式正确无误。
  9. 将文件保存到应用文件夹,并命名为 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 步:测试自助服务终端应用

    作为开发者,请确保您的自助服务终端应用可在 Chrome 操作系统设备上正常运行。

    1. 在 Chrome 设备上登录您的 Google 帐号。
    2. 将应用文件夹保存到测试设备上。
    3. 转到 chrome://extensions/
    4. 在右上角,开启开发者模式
    5. 点击加载已解压的扩展程序
    6. 找到并选择应用文件夹。
    7. 在 Chrome 中打开新标签页,然后点击应用 接着点击 您的自助服务终端应用。确认该应用能够成功加载并正常运行。
    8. 如需更改,请在 manifest.json 文件中进行更改,然后托管应用文件夹并重新测试。重复执行这些步骤,直至应用正常运行。

    第 3 步:在 Chrome 网上应用店中发布应用

    作为开发者,您可以选择向所有人提供应用和扩展程序,也可以控制允许哪些人安装。在 Chrome 网上应用店中发布自助服务终端应用的方式有以下两种:

    • 公开 - 所有人都可以查看和安装应用。
    • 不公开 - 只有知道应用链接的用户才能查看和安装。应用不会显示在 Chrome 网上应用店的搜索结果中。您可以将应用链接分享给网域外的用户。

    如要在 Chrome 网上应用店中添加自助服务终端应用,请执行以下操作:

    1. 压缩包含应用文件的文件夹。
    2. 按照在 Chrome 网上应用店中发布应用的步骤进行操作。

    第 4 步:部署自助服务终端应用

    作为管理员,您可以在 Google 管理控制台中添加自助服务终端应用。

    1. 登录您的Google 管理控制台

      请使用您的管理员帐号(不是以“@gmail.com”结尾的帐号)登录。

    2. 在管理控制台首页,转到设备 接着点击 Chrome 管理
    3. 点击应用和扩展程序
    4. 在左侧,选择要设置政策的单位部门。
      如要为所有用户进行设置,请选择顶级单位。否则,请选择一个下级单位。最初,单位部门会沿用其上级单位的设置。
    5. 点击顶部的自助服务终端
    6. 点击“添加”图标 添加问题,然后选择从 Chrome 网上应用店中添加
    7. 搜索您要部署的应用,然后点击选择
    8. 如果出现提示,请代表您的单位授予应用权限许可。
    9. 在右侧的面板中,设置应用和扩展程序政策。了解各项设置
    10. 点击保存

    相关主题

    该内容对您有帮助吗?
    您有什么改进建议?