嵌入 Builder

本文档说明如何将 Activepieces iframe 嵌入到您的应用程序中并进行自定义。

配置 SDK

添加嵌入 SDK 脚本将在您的 window 中初始化一个名为 activepieces 的对象，该对象有一个 configure 方法，您应在容器渲染完成后调用它。

<script src="https://cdn.activepieces.com/sdk/embed/0.9.0.js">
</script>
<script>
const instanceUrl = 'YOUR_INSTANCE_URL';
const jwtToken = 'GENERATED_JWT_TOKEN';
const containerId = 'YOUR_CONTAINER_ID';
activepieces.configure({
  instanceUrl,
  jwtToken,
  prefix: "/",
  embedding: {
    containerId,
    builder: {
      disableNavigation: false,
      hideFlowName: false
    },
    dashboard: {
      hideSidebar: false
    },
    hideFolders: false,
    navigation: {
      handler: ({ route }) => {
          // iframe 路由已更改，请务必查看导航部分。
        }
    }
  },
});

</script>

配置参数：