.NET MVC开源工作流系统 - 可视化流程设计器 - 工作流表单设计器 - .NET快速开发平台 - .NET三层代码生成器 - 通用权限管理

.NET MVC CORE开源工作流平台,可视化流程设计器 首页 工作流引擎 MVC版文档 VUE版文档 流程下载 商业授权 典型案例 关于我们
Iframe方式集成

iframe方式集成是指在第三方系统中加一个iframe框架,通过指定iframe的src地址为roadflow系统地址来加载roadflow页面,以达到在第三方系统界面中直接使用roadflow功能的目的。

详细示例见源码中的:RoadFlow.IntegrateTest项目。

image.png

集成的步骤:

1、在第三方系统中主要界面操作区域增加一个iframe。

    image.png

2、得到登录用户token。

    在打开roadflow页面之前,应用先调用roadflow api得到一个token,然后在打开地址中加上roadflow-token=token,roadflow通过获取roadflow-token参数来识别当前登录用户。

    api地址:http://localhost:59893/RoadFlowOpenApi/Token/GetIframeToken(http://localhost:59893为roadflow后端api所在地址)。

    提交方式:post。

    提交参数:{"code":"iframe","key":"51476D125F3383BBB67CAFD98530DC23","userid":"954DC69A-30FF-4484-9234-3C9272B6893F"} json字符串。

            code:在roadflow系统中 流程管理 -- 接口系统 中维护的系统标识。

            key:接口系统中分配的key。

            image.png

            userid:系统中当前登录用户的ID。

    返回:{"success":true,"msg":"成功为空,有错误为错误信息","token":"得到的token","expire":"过期时间" }

    过期时间为2小时,token自己保存,临近过期时再次请求刷新token。

    示例:

    image.png

    image.png

    

3、在第三方系统菜单中增加菜单,点击菜单中iframe中打开指定的地址。

    image.png

    image.png

      http://localhost:8080/:为roadflow前端所在地址。

      参数 roadflow-token=' + token(第2步中得到的token)。

4、修改样式表,不然页面超出窗口大小时看不到滚动条。

      image.png




联系QQ:493501010电话:13608325512(微信同号)邮箱:xhb@roadflow.net;493501010@qq.com
Copyright 2014 - 2021 重庆天知软件技术有限公司 版权所有