在使用 Chrome 扩展程序的 Automation Co-Pilot 中开发 iFrame 小部件，以便部署到您的网页应用程序中。

先决条件

  • 您必须使用 AAE_Basic 权限登录Control Room。
  • 通过完成设置，确保您的浏览器中安装了使用 Chrome 扩展程序的 Automation Co-Pilot。使用 Chrome 扩展程序设置并连接 Automation Co-Pilot
  • 在 Automation Co-Pilot 中设置小部件，该小部件将自动化映射到使用 Chrome 扩展程序的 Automation Co-Pilot。使用 Automation Co-Pilot 设置 iFrame 小部件
  • 准备好小部件嵌入代码，以便将其输入到使用 Chrome 扩展程序的 Automation Co-Pilot 中。 您只需要在引号中输入URL后 src=。

借助使用 Chrome 扩展程序的 Automation Co-Pilot，您的 Chrome 浏览器将充当嵌入小部件的容器。 按照以下步骤，为您的网页应用程序开发 iFrame 小部件 并将其部署到 Automation Co-Pilot，以便映射您的完整 Embedded Automation 体验。 虽然您可以开发许多网页组件，但是以下步骤简化了将自动化直接引入您的网页应用程序的简单过程。

PixieBrix 页面编辑器环境用于映射并配置从 Automation Co-Pilot 到您的网页应用程序的自动化，并选择组件以嵌入小部件。 此环境使用您的 OAuth 连接从您的Control Room访问已保存的流程和自动化，并将它们映射到所选组件。 有关在编辑器中进行开发的完整详细信息，请参阅以下链接：Guide to PixieBrix Page Editor

以下视频演示了在使用 Chrome 扩展程序的 Automation Co-Pilot 中开发小部件的过程。

过程

  1. 要开始，请导航到将嵌入 iFrame 小部件的网页应用程序。
  2. 选择渲染面板操作，然后单击窗格顶部的垃圾桶图标删除此操作。
  3. 要打开页面编辑器，请在所需的网页应用程序中右键单击并选择检查。
    以下表格和图像详细说明了开发环境。
    面板 描述
    1 扩展程序列表 创建并选择一个用于开发的扩展程序。
    2 扩展程序概览 添加、查看并编辑扩展程序的组件。
    3 配置面板 映射并配置组件如何与网页交互。
    4 数据面板 测试并调试您的扩展程序。
  4. 在扩展程序列表中，单击添加并选择侧边栏面板。
  5. 在概览面板中，单击加号图标以打开组件菜单。
  6. 选择 iFrame 组件，然后单击添加砖块。
  7. 在配置面板中，填写必要的字段。
    1. 输入小部件的名称。 当您开始向用户提供配置时，此名称将出现在 Automation Co-Pilot 中。
    2. 输入小部件 URL 以访问您的Control Room。
    这是使用嵌入式小部件从 Automation Co-Pilot 中找到的嵌入代码获取的 URL。 您只需要在引号中输入URL后 src=。
  8. 保存您的扩展程序。
  9. 使用数据面板来测试并调试您的扩展程序。
    最终输出在数据面板中详细说明，并提醒您任何可能映射或配置错误的操作。
    重要： 如果出现无效连接或无效凭据的提醒，请检查您是否已正确设置 Automation Co-Pilot 并将其连接到使用 Chrome 扩展程序的 Automation Co-Pilot。
  10. 成功验证后，单击扩展程序列表面板中的垂直省略号，将您的扩展程序添加到蓝图中。
  11. 选择创建新蓝图。
  12. 选择移动或复制到新蓝图中。
  13. 输入 unique id。
  14. 输入名称，以便在下一步中识别扩展程序。
  15. 输入版本，以便开发人员识别在扩展程序的生命周期内所做的渐进式自定义。
  16. 输入描述。
  17. 单击创建，保存您的更改。

后续步骤

在为您的团队开发扩展程序之后，将蓝图部署到使用 Chrome 扩展程序的 Automation Co-Pilot。使用 Chrome 扩展程序部署扩展版本