【JNPF】window环境下前后端分离项目部署详解

@【JNPF】window环境下前后端分离项目部署详解

一、VUE前端发版部署

目在ideal软件中加载后，点击运行调试无问题时，则可以进行部署。
调试运行过程中的相关路由配置可以在前端vue文件中src/utils/define.js中进行。
前端项目启动时的端口配置在VUE项目根目录中vue.config.js中进行配置。如果需要进行http转https,则module.exports中设置https:true。

1.发版

发版时访问后端需要根据发版服务器的IP或者域名进行相关配置，这里对VUE项目根目录.env.production的相关IP进行配置。
在windows系统中通过nginx软件进行前端发版配置，首先在ideal前端项目控制端口输入npm run build，在VUE文件下会生成dist文件。

2.部署

Nginx安装配置完成后，将dist文件存放在nginx/html文件的目录下。
Nginx目前推荐nginx-1.23.1版本下载，点击安装后，对conf/nginx.conf进行设置。
首先需要对ip/域名相关信息进行配置，这里以https相关域名地址为例，对SSL文件进行配置，然后对websocket相关信息进行配置，具体如下所示：

map $http_upgrade $connection_upgrade {
		default upgrade;
		'webscoket' upgrade;
}
server {
    listen       3000 ssl;
    server_name  iot.crchi.com;
    #charset koi8-r;
    #access_log  logs/host.access.log  main;
    location @router { 
    rewrite ^.*$ /index.html last; 
     }

    location / {
        root   html/dist;
		try_files $uri $uri/ @router;  
        index  index.html index.htm;
    }
    location /websocket {
    proxy_pass https://iot.crchi.com:3001/api/message/websocket;          
    proxy_http_version 1.1;           
    proxy_set_header Upgrade $http_upgrade;           
    proxy_set_header Connection "upgrade";          
    proxy_read_timeout 600s;         
    }
#SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则
ssl_certificate    fullchain.pem;
ssl_certificate_key    privkey.pem;
ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
ssl_prefer_server_ciphers on;
ssl_session_cache shared:SSL:10m;
ssl_session_timeout 10m;
add_header Strict-Transport-Security "max-age=31536000";        

Nginx配置完成后，通过cmd在控制台程序中进入nginx安装文件夹，进行如下命令：
开启nginx:start nginx

查询nginx服务器是否启动成功：tasklist /fi "imagename eq nginx.exe"
关闭所有nginx服务器：taskkill /f /t /im nginx.exe

二、SPRINGBOOT后端发版部署

项目运行调试阶段，项目后端的端口号jnpf-admin/application-dev.yml与对应项目的前端vue文件中src/utils/define.js中端口号保持一致。

1.发版

调试运行无问题之后，进行发版工作。在jnpf-admin/application-dev.yml文件中配置相关的数据库（MYSQL、redis等）、文件模板等相关信息与要存放的服务器IP保持一致。
相关文件模板信息存放在服务器对应路径中。
在maven的jnpf-java-boot/lifecycle中进行相关配置，首先点击clean,在控制台中显示成功之后，然后点击package,在控制台中显示成功之后，可以在jnpf-java-boot/jnpf-admin/target中找到相关的jar包文件。

2.部署

将打包生成的jar文件包复制到服务器规划的文件夹中，在对应文件夹中构建启动项文件start.bat，例如：

title 智能运维系统 
java -jar jnpf-admin-3.3.1-RELEASE.jar

文件复制成功后，点击启动项文件启动项目。
在浏览器中输入相关的IP/域名信息确认是否连接成功。