您必须在支持的网页应用程序中配置 iFrame widget 设置以正确启用 iFrame widget。

先决条件

确保您已完成以下步骤：

  • 已为 Co-Pilot User 部署系统创建的 AAE_Robotic_Interface 用户 角色。
  • 已获得网页界面中 Automation Co-Pilot for Business Users 的访问权限。
  • 已获得支持 iFrame 技术的所选网页应用程序的访问权限。 对于此任务，将是 ServiceNow 服务门户和 ServiceNow App Engine Studio。

过程

  1. 登录到 ServiceNow 服务门户。
  2. 导航到小部件编辑器页面。
    此页面为您提供了一些配置小部件的选项及相关参考，以便您查看最近更新的小部件。
  3. 单击创建新小部件选项以创建新小部件。
    添加小部件窗口弹出，您可以在其中指定小部件的详细信息。
  4. 在小部件名称字段中指定小部件的名称。
    当您输入名称时，将自动生成小部件的 ID。
    例如，您可以将小部件命名为 AA Bots，作为 Automation Anywhere bots 小部件的识别参考。
  5. 单击提交。
    包含 HTML 模板或编辑器的新窗口会提示您输入 iFrame widget 详细信息（如适用）。
  6. 将您的 iFrame widget 代码粘贴到 HTML 模板中。
    这是您在 Automation Co-Pilot（网页）中生成的 iFrame widget 代码。
  7. 单击保存或按 Ctrl + S 以保存当前会话。
    您现在已添加 iFrame widget 代码并保存会话。 这是嵌入您 iFrame widget 的代码。
  8. 访问 ServiceNow App Engine Studio 的主页。
  9. 导航到 所有 > 服务门户配置
  10. 单击设计器。
  11. 选择现有页面进行编辑。
    您现在被引导到设计器页面。
  12. 可选： 重新排列或移除页面上的现有小部件，为 iFrame widget 腾出空间。
  13. 从 小部件选项卡拖动您创建的小部件（例如：AA Bots）并放置到页面上。
    您已成功添加 iFrame widget，现在应该可以在页面上看到。
    重要： 该 iFrame widget 可见，但尚未应用样式。
  14. 返回到 ServiceNow 服务门户
  15. 单击小部件编辑器。
  16. 从 最近更新列表单击您的小部件（例如：AA Bots）。
    您现在已导航到包含 HTML 模板的窗口。 该页面还应包含一个 CSS 模板。
  17. 在 CSS 模板中指定小部件（例如：AA Bot）的详细信息。
    此处可设定小部件的边框大小、样式和颜色。
    CSS 模板页面中的 CSS 代码示例
  18. 导航回设计器页面。
    iFrame widget 结构现已更新。
  19. 刷新页面。
    您会注意到一个小窗口弹出，它连接至 Automation Co-Pilot（网页）界面并显示登录页面。
    使用 Automation Co-Pilot 凭据登录的示例。
  20. 使用您的用户凭证登录 iFrame widget 以访问 Automation Co-Pilot 数据。
    iFrame widget 将刷新，现在可以查看来自 Automation Co-Pilot 的自动化和任务列表。 您可以直接与您的数据进行交互。
  21. 查看该 iFrame widget。
    ServiceNow 中的 iFrame widget 示例。
    您已成功将包含 Automation Co-Pilot 数据的 iFrame widget 嵌入到网页应用程序中。
    接下来的步骤中，您可以使用 iFrame widget 部署您的自动化，请参阅 在网页应用程序中部署自动化。