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

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

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

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

注意事项

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

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

作为开发者,您可以通过两种方式开发能在 Chrome 设备上部署的自助服务终端应用。这两种方式分别为使用现有网络应用和开发新应用。

我有一个网络应用

如果您有网络应用,可以使用 Chrome 应用构建程序将其封装为自助服务终端应用。
  1. 在计算机上,为应用的文件创建一个文件夹。
  2. 打开“Chrome 应用构建程序”扩展程序。
    如果您尚未安装此扩展程序,则需要在 Chrome 浏览器中添加“Chrome 应用构建程序”扩展程序
  3. 为您的自助服务终端应用输入名称和初始版本号。
    请将初始版本号设为较小的数字,例如 0.0.0.1。这样一来,当您上传应用的新版本时,就可以增加版本号。
  4. 输入应用当前的首页网址。
    这将成为您新开发的自助服务终端应用的着陆页。
  5. (可选)选择导航控件,例如返回、前进、重新加载和重启会话。
  6. (可选)指定超时值:
    • 会话闲置超时 - 系统在应用闲置多久后清除应用缓存和 Cookie 一类的浏览数据。
    • 超时多久后返回首页 - 应用闲置多久后返回首页。系统不会清除浏览数据。
      “会话闲置超时”和“超时多久后返回首页”的默认值均为 0 分钟。也就是说,应用不会超时。
  7. (可选)输入应用用户需遵守的服务条款。
  8. (可选)旋转首页,使其适合运行应用的设备。
    例如,如果要在采用纵向布局的设备上运行应用,则需要旋转 90 度。
  9. 选择已启用自助服务终端模式
  10. 点击导出自助服务终端应用
  11. 为导出的应用文件选择存储位置,然后点击选择

通过 Chrome 应用构建程序开发自助服务终端应用后,您可以添加其他文件以自行设置应用。

我想开发新的应用

您可以使用下述步骤中提供的示例文件开发简单的自助服务终端应用。
  1. 在计算机上,为应用的文件创建一个文件夹。
  2. 创建应用的 HTML 文件。
    1. 使用文本编辑器创建 HTML 文件。
      请参考这个示例 HTML 文件
    2. 将文件保存到应用文件夹,并命名为 application.html
  3. 创建清单。
    1. 使用文本编辑器创建 JavaScript® 对象表示法 (JSON) 文件。请参考这个示例 JSON 文件
    2. 务必将 kiosk_enabled 设为“true”,即:"kiosk_enabled": true
    3. (可选)如要禁止将应用作为常规应用运行,请将 kiosk_only 设为“true”,即:"kiosk_only": true
    4. (可选)如要在自助服务终端应用的“webview”控件中加快网页的初始加载速度,请在“webview”标签中指定 partition="persist:"
      有关详情,请参阅有关 partition 属性的开发者信息
    5. 使用第三方 JSON 验证工具(如 JSONLint)确保 JSON 代码的格式正确无误。
    6. 将文件保存到应用文件夹,并命名为 manifest.json
  4. 指定应用的高度和宽度。
    1. 使用文本编辑器创建层叠样式表 (CSS) 文件。请参考这个示例 CSS 文件
    2. 将文件保存到应用文件夹,并命名为 application.css
      注意:自助服务终端应用会自动扩展到全屏。
  5. (可选)允许用户结束自助服务终端会话。
    1. 使用文本编辑器创建一个 JavaScript (JS) 文件。请参考这个示例 JS 文件
    2. 将文件保存到应用文件夹,并命名为 application.js
  6. 创建后台脚本。
    1. 使用文本编辑器创建一个 JS 文件。请参考这个示例 JS 文件
    2. 将文件保存到应用文件夹,并命名为 background.js
  7. 为应用创建应用图标,并保存到应用文件夹。
    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 网上应用店中添加自助服务终端应用,请压缩应用文件所在的文件夹,然后在 Chrome 网上应用店中发布

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

作为管理员,您可以在 Google 管理控制台中添加自助服务终端应用。如要添加多个应用,您可以一次性全部添加,让应用采用默认政策。此外,您也可以一次添加一个应用,并为应用分别设置政策。

添加多个应用

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

    请使用您的管理员帐号(帐号的后半部分不是“@gmail.com”)登录。

  2. 在管理控制台首页,转到设备管理 然后 Chrome 管理

    如果您在首页未看到设备管理,请点击底部的更多空间

  3. 点击设备设置
  4. 在左侧,选择您要配置政策的单位。
    如要选择所有用户,请选择顶级单位。否则,请选择一个下级单位。
  5. 滚动至自助服务终端设置
  6. 自助服务终端应用部分,点击管理自助服务终端应用
  7. 要添加应用,请点击 Chrome 网上应用店,然后搜索您的自助服务终端应用:
    • 如果是公开应用,请搜索应用名称或 ID。
    • 如果是不公开的应用,请搜索应用 ID。
  8. 要手动添加应用,请点击指定自定义应用
    • 如果是 Chrome 网上应用店中受信任的测试应用,请输入应用 ID 和网址 https://clients2.google.com/service/update2/crx
    • 如果是未在 Chrome 网上应用店中托管的应用,请输入应用 ID 和第三方网络服务器的网址。
  9. 点击添加 然后 保存
  10. 点击保存进行确认。

添加单个应用

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

    请使用您的管理员帐号(帐号的后半部分不是“@gmail.com”)登录。

  2. 在管理控制台首页,转到设备管理 然后 Chrome 管理

    如果您在首页未看到设备管理,请点击底部的更多空间

  3. 点击应用管理
  4. 在左侧的应用类型过滤器菜单中选择 Chrome 应用
  5. 点击您要配置的应用。
  6. 点击自助服务终端设置
  7. 在左侧选择您要让用户运行自助服务终端应用的单位。
    如要选择所有用户,请选择顶级单位。否则,请选择一个下级单位。
  8. 设置应用和扩展程序政策。了解各项设置
  9. 点击保存

相关主题

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