部署bpmn项目实现activiti流程图的在线绘制

本教程基于centos7.6环境中完成

1. 下载源代码

java 复制代码
git clone https://github.com/Yiuman/bpmn-vue-activiti.git

2. 修改Dockerfile文件

声明基础镜像,将项目打包,把文件复制到nginx的静态文件目录

java 复制代码
# 使用Node.js作为基础镜像
FROM node:16.0.0-alpine as build-stage

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 package-lock.json 文件到工作目录
COPY package*.json ./

# 安装项目依赖
RUN npm install --legacy-peer-deps

# 复制项目文件到工作目录
COPY . .

# 构建生产环境的静态文件
RUN npm run build

# 使用Nginx作为基础镜像
FROM nginx:1.21-alpine

# 将Vue项目的构建结果复制到Nginx的默认静态文件目录
COPY --from=build-stage /app/dist /usr/share/nginx/html

# 复制自定义的Nginx配置文件(如果有)
COPY nginx.conf /etc/nginx/nginx.conf

# 暴露容器的端口(如果需要)
EXPOSE 80

# 启动Nginx服务
CMD ["nginx", "-g", "daemon off;"]

3. nginx配置文件(不用改)

这里主要是配置当我们访问容器的80端口时,nginx将我们的请求转发到项目文件中

java 复制代码
  #user  nobody;
  worker_processes  1;
  events {
      worker_connections  1024;
  }
  http {
      include       mime.types;
      default_type  application/octet-stream;
      sendfile        on;
      #tcp_nopush     on;
      #keepalive_timeout  0;
      keepalive_timeout  65;
      #gzip  on;
      gzip on;

      server {
          listen  80;
          #前端
          location / {
              index index.html index.htm;   #添加属性。
              root /usr/share/nginx/html;   #站点目录
          }
          error_page   500 502 503 504  /50x.html;
          location = /50x.html {
              root   /usr/share/nginx/html;
          }
      }
  }

4. 制作docker镜像

注意命令的最后有一个.

java 复制代码
docker build -t bpmn-activiti .
  • -t bpmn-activiti :用于给构建的镜像指定一个名称
  • . :这是构建上下文的路径。Docker 将在当前目录下查找 Dockerfile 和构建上下文中的文件,并将其用于构建镜像

镜像制作完成之后可以利用docker images命令查看镜像

5. 运行docker容器

java 复制代码
docker run --name bpmn-activiti -p 8089:80 -d bpmn-activiti
  • --name bpmn-activiti 指定容器名称
  • -p 8089:80 端口映射,其中8089是宿主机端口,80是容器内的端口
  • -d 代表在后台运行
  • bpmn-activiti 代表镜像名称

6. 开放防火墙端口

java 复制代码
// 开放8089端口
firewall-cmd --zone=public --add-port=8089/tcp --permanent
// 重启防火墙
firewall-cmd --reload
// 查看所有开放的端口
firewall-cmd --list-ports

7. 浏览器访问

在浏览器访问公网IP:8089@TOC

相关推荐
趣学习16 小时前
A043基于博途西门子1200PLC自动售货机系统仿真A043自动售货机+S71200+HMI+主电路图+外部接线图+流程图+IO分配表
毕业设计·流程图·课程设计·plc·西门子
kebeiovo2 天前
项目必备流程图,类图,E-R图实例速通
开发语言·r语言·流程图
晋人在秦 老K2 天前
入梦工具箱怎么检测硬件?3步完成CPU-Z跑分测试 硬件检测总出错?图吧工具箱免费功能实测 draw.io 部署指南:私有化流程图服务搭建教程
测试工具·流程图·工具·draw.io
zzywxc7873 天前
AI在金融、医疗、教育、制造业等领域的落地案例(含代码、流程图、Prompt示例与图表)
人工智能·spring·机器学习·金融·数据挖掘·prompt·流程图
ui小新5 天前
什么是流程图:流程六要素、三大结构及绘制规范总结
流程图·设计工具·流程图设计
小道士写程序5 天前
如何简单理解状态机、流程图和时序图
java·开发语言·流程图
zzywxc7875 天前
深入探讨AI三大领域的核心技术、实践方法以及未来发展趋势,结合具体代码示例、流程图和Prompt工程实践,全面展示AI编程的强大能力。
人工智能·spring·机器学习·ios·prompt·流程图·ai编程
皆过客,揽星河6 天前
c语言程序之魂——算法(练习题,流程图,程序源码)
c语言·算法·流程图·源码·辗转相除法·c语言程序设计
晓风残月淡6 天前
Mermaid流程图更改样式的方法
css·流程图·css3
disgare6 天前
如何画时序图、流程图
流程图