关于formsflow.ai v5.0.0表单无iframe嵌入外部应用的技术咨询
formsflow.ai v5.0.0 表单嵌入外部应用(无iframe)实现方案
可以将formsflow.ai v5.0.0创建的表单嵌入至外部应用,且无需使用iframe,同时支持登录用户提交,具体实现方式如下:
核心实现思路:基于REST API集成
formsflow.ai v5.0.0提供了完备的REST API能力,可通过以下步骤完成集成:
- 调用表单元数据接口,获取目标表单的结构、字段规则、验证逻辑等定义信息
- 在外部应用中,根据获取到的元数据自行渲染表单UI(可使用React、Vue等前端框架构建适配应用风格的表单组件)
- 用户提交表单时,调用formsflow.ai的表单提交接口,按要求格式传递表单数据
- 处理接口响应,在外部应用内展示提交结果(成功/失败提示)
用户身份验证适配
要支持外部应用登录用户提交表单,需打通身份认证体系:
- 若外部应用采用OAuth2/OIDC协议,可将formsflow.ai配置为资源服务器,让外部应用的用户令牌能被formsflow.ai验证通过
- 也可通过自定义JWT验证逻辑,在调用API时携带有效身份凭证,确保formsflow.ai能识别提交用户身份
表单设计截图

内容的提问来源于stack exchange,提问作者crystalthinker
相关产品推荐
相关产品推荐

