Flowable UI整合前后分离

8 篇文章 0 订阅
4 篇文章 0 订阅

专题导航

一、Flowable介绍及部署
二、SpringBoot集成Flowable UI
三、Flowable UI跳过权限验证
四、Flowable UI整合前后分离

由项目的请求信息中可以看出,项目时通过json/text的形式来传递数据的,故可以尝试将前端资源分离出来

image-20200826203223222

一、将idm、modeler的war包中的/WEB-INF/classes/static内容分别复制到idm、modeler下

image-20200826204556678

二、将app-cfg.js中的contextRoot修改为/flowable_+对应的模块名,与静态资源路径区分开

文件位置:scripts/app-cfg.js

image-20200826205015751

modeler同理

三、nginx配置

server {
        listen 8081;
        server_name flowable_ui;
        location / {
            root E:\flowable-ui;
            index index.html index.htm;
        }
        location /flowable_idm {
            proxy_pass http://localhost:8080/expense;
            proxy_cookie_path  /flowable  /flowable_idm;
        }
        location /flowable_modeler {
            proxy_pass http://localhost:8080/expense;
            proxy_cookie_path  /flowable  /flowable_modeler;
        }
}

查看结果:

在这里插入图片描述

转发并访问成功,并且之前配置的跳过权限验证依然生效

在这里插入图片描述

参考:
https://www.jianshu.com/p/ccd48702bdb8

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flowable UI是一个可视化管理系统,它是Flowable项目的一部分。通过Flowable UI,用户可以方便地进行学习和深入了解Flowable项目。要使用Flowable UI,可以按照以下步骤进行操作:首先,将Flowable UI的源代码克隆到本地,可以通过命令"git clone https://gitee.com/xiongbomy/spider-flowable-ui.git"或者访问"https://gitee.com/xiongbomy/spider-flowable-ui"来获取源代码。然后运行FlowableUiApplication类,即可启动Flowable UI服务。启动成功后,可以通过访问"localhost:9001/flowable-ui/"来进入Flowable UI可视化管理系统。默认的账号密码是admin/test,可以使用这个账号密码登录进去。在Flowable 6.6之前,Flowable UI是由四个独立的服务和页面组成的,需要在浏览器中来回切换页面使用,不太方便。但是在Flowable 6.6之后,Flowable团队将Flowable UI提供的四个功能合并到了一起,使得使用更加便捷。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [小白学流程引擎-FLowable(三) —流程设计器Flowable UI](https://blog.csdn.net/weixin_44143114/article/details/128138869)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值