低代码平台集成：如何在 Retool/宜搭 中使用 AutoForm

背景

越来越多的企业开始使用低代码平台（Low-Code Platform）构建内部系统。 AutoForm 如何在这些平台中发挥作用？

挑战

低代码平台通常不开放源码，我们无法直接修改代码。 但它们通常允许注入自定义脚本或使用自定义组件。

方案一：Iframe 嵌入

最简单的方式。在低代码平台中拖入一个 Iframe 组件，指向 AutoForm 的托管页面。

缺点：无法与宿主页面深度交互。

方案二：Custom Component

以 Retool 为例，它支持自定义 React 组件。

// Retool Custom Component
import { initAIFormWidget } from 'autoform-sdk';

const MyWidget = ({ triggerQuery }) => {
  useEffect(() => {
    initAIFormWidget({
      onFill: (data) => {
        // 触发 Retool 的查询
        triggerQuery('saveData', data);
      }
    });
  }, []);
  
  return <div />;
};

方案三：Tampermonkey 脚本

对于完全封闭的 SaaS 系统（如 Salesforce），我们可以让用户安装 Tampermonkey 脚本，强行注入 AutoForm SDK。

// ==UserScript==
// @name         AutoForm Injector
// @match        https://*.salesforce.com/*
// ==/UserScript==

(function() {
    const script = document.createElement('script');
    script.src = 'https://cdn.autoform.com/sdk.js';
    document.body.appendChild(script);
})();

总结

无论系统多么封闭，总有办法把 SDK 塞进去。低代码平台的兴起，反而为 AutoForm 提供了更多的应用场景。

👉 官网地址：51bpms.com