前后端可以分开部署到不同机器，根据实际需求部署。

前端部署

  1. 安装nginx、下载地址 ：http://nginx.org/ 、具体部署方法自行百度，这里不讲解。

  2. 使用webpack将项目打包 ，将 dist 文件夹上传到服务器上。

  3. 配置nginx配置文件，参考下方的配置即可。

  1.     server {
  2.         listen       80;
  3.         # 域名 自行修改
  4.         server_name  pms.51it.wang;
  6.         location / {
  7.             if (!-e $request_filename) {
  8.                 rewrite ^(.*)$ /index.html?s=$1 last;
  9.                 break;
  10.             }
  11.             # dist所放的文件夹 自行修改
  12.             root /www/wwwroot/pms.51it.wang;
  13.             index index.php index.html index.htm default.php default.htm default.html;
  14.         }
  16.         # 后端项目默认是8888端口 若更改了也自行修改
  17.         location /pms/ {
  18.             proxy_pass http://127.0.0.1:8888;
  19.         }
  20.         location /swagger-ui.html {
  21.             proxy_pass http://127.0.0.1:8888;
  22.         }
  23.         location /swagger-resources {
  24.             proxy_pass http://127.0.0.1:8888;
  25.         }
  26.         location /swagger {
  27.             proxy_pass http://127.0.0.1:8888;
  28.         }
  29.         location /webjars {
  30.             proxy_pass http://127.0.0.1:8888;
  31.         }
  32.         location /v2 {
  33.             proxy_pass http://127.0.0.1:8888;
  34.         }
  35.         location /druid {
  36.             proxy_pass http://127.0.0.1:8888;
  37.         }
  38.         location /modeler.html {
  39.             proxy_pass http://127.0.0.1:8888;
  40.          }
  41.         location /editor-app {
  42.             proxy_pass http://127.0.0.1:8888;
  43.         }
  45.         proxy_set_header Host $host;
  46.         proxy_set_header X-Real-IP $remote_addr;
  47.         proxy_set_header REMOTE-HOST $remote_addr;
  48.         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  49.         proxy_set_header Upgrade $http_upgrade;
  50.         proxy_set_header Connection "upgrade";
  52.         # 文件上传的限制50MB 后端也做了限制
  53.         client_max_body_size 50m;
  55.         error_page   500 502 503 504 404  /50x.html;
  56.         location = /50x.html {
  57.             root   html;
  58.         }
  59.         # nginx保存日志位置
  60.         access_log  /www/wwwlogs/pms.51it.wang.log;
  61.         error_log  /www/wwwlogs/pms.51it.wang.error.log;
  63.     }

  1. 部署完成后，访问域名即可

后端部署

  1. 以Centos7为例、首先安装JDK1.8+ ，参考文档 https://www.51it.wang/ll/223

  1. 安装Redis3.2+、Mysql5.7+、修改项目的配置文件application-prod.yml中对应的地址

  2. 导入llpms初始化SQL

  3. 上传打包后的jar包，直接使用命令 nohup java -jar LLPMS-plus-1.0-SNAPSHOT.jar -Xmx256m & 启动项目

  4. 查看运行日志命令 `tail -f llpms-logs/spring.log

若运行项目报数据库错误，请手动删除数据库 ACT_ 开头的所有表，让系统重新生成工作流表即可。

使用Docker部署

预先请安装好redis以及mysql，redis可以用docker安装，mysql不建议用docker安装。

1、新建构建Docker镜像文件夹，mkdir /usr/local/llpaper-back

2、激活项目docker配置文件，提前修改好数据库以及redis等相关信息，打包成jar，上传到刚才创建的linux路径上

3、编写Dockerfile,如下直接复制粘贴：

  1. FROM hub.c.163.com/library/java:8-alpine
  3. MAINTAINER lcry i@51it.wang
  5. ADD ./llpms.jar app.jar
  7. EXPOSE 8888
  9. ENTRYPOINT ["java", "-jar", "/app.jar"]

4、编写构建脚本：build.sh

  1. docker stop llpms-back
  2. docker rm llpms-back
  3. docker build . -t llpms-back:1.0.0
  4. docker run --name llpms-back -p 8888:8888 -d llpms-back:1.0.0

5、执行build.sh脚本，访问服务器端口ip:8888，然后前端改动小，可以直接手动安装nginx即可。

6、个人建议后端构建好确认没有问题放在私有仓库需要使用的直接拉取 。