前后端项目部署整体流程

前言：在一台全新内网服务器上面实现应用部署。前后端开发已完成，主要是面对部署。中间将下载的应用放置到内网环境，需部署的你自己跟网络安全管理员沟通解决。

情况：
前端涉及技术栈：vue、nginx
后端涉及技术栈：springboot、jdk11、mysql
搭建环境：windows

前端

nginx安装

因为是内网环境，所以得先从官网上下载安装需要的nginx
官网地址：http://nginx.org/en/download.html
下载完成以后，应该得到nginx压缩包!

将nginx把放在合适的文件目录下，然后解压

在这里插入图片描述

然后进入到命令行模式
执行命令

# 启动命令
start nginx

按照默认的配置，项目正常启动后，访问http://127.0.0.1:80就会有nginx的页面显示

在这里插入图片描述

确定nginx能够正常运行后，我们开始部署前端

关闭nginx

#查看nginx，这个也可以查看nginx是否启动
tasklist /fi "imagename eq nginx.exe"  
# 快速关闭 同时会删除logs中的nginx.pid文件
nginx -s stop
# 有序关闭 同时会删除logs中的nginx.pid文件
nginx -s quit
# 停止或关闭 不会删除logs中的nginx.pid文件
taskkill /f /t /im nginx.exe

# 你要问nginx.pid是干嘛的
它是存储master进程的ID，启动、停止nginx时需要使用到。nginx启动后会自动生成

将前端vue压缩后的包dist放到html文件夹下，但是这里个人建议最好是新建一个文件夹，然后修改配置文件
修改配置文件nginx.conf

user root;
worker_processes  1

events {
    
    
    worker_connections  1024;
}
http {
    
    
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
    
    
        listen       80;
        server_name  localhost;

        location / {
    
    
            root   /home/tool/nginx/ui/dist; # 这里是你存放dist的路径!!!
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        location /prod-api/{
    
    
                proxy_set_header Host $http_host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://localhost:8080/; #设置监控后端启动的端口
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
    
    
                root html;
		}
	}
}

完成存放之后就是启动，命令同上述

start nginx

然后访问http://127.0.0.1:80就可以看到部署的系统页面

后端

jdk安装

jdk安装需要你根据项目包的jdk版本安装
因为我项目是jdk11，所以我安装的是jdk11

先去官网下载对应版本的jdk
官网：https://www.oracle.com/java/technologies/downloads/#java11
在这里插入图片描述

下载需要账号，这个可以找度娘，度娘可以满足你的。
下载一个jdk-11.0.18_windows-x64_bin.exe，然后双击进行安装，全部无脑下一步
安装完成后就是配置环境变量
进入环境变量配置
配置内容：

新建JAVA_HOME里面配置 C:\Program Files\Java\jdk-11.0.17，这个路径是你jdk安装的路径，一般默认都是这个路径，配置前，你最好去确认一下
在系统变量Path中添加上 %JAVA_HOME%\bin

配置好后记得一定要一路点确认和应用后再退出页面
然后打开命令符窗口，查看jdk安装状态

java -version

然后你就可以看到安装好的版本信息，说明你安装OK

数据库

官网： MySQL :: MySQL Downloads

数据库就不一一阐述了，这里提供一位博主写的文章，里面写的非常好
CSDN博主：「超级小的大西瓜」
原文链接：https://blog.csdn.net/qq_59636442/article/details/123058454

安装好后，就需要将你开放中创建的数据库和数据表在数据库中创建出来，因为是window，有些比较好的数据库管理工具，如果Linux，一般也都是有工具进行远程连接上去。如果没有那就用命令窗口进行操作
记得把一些字典、菜单列表等数据也导入（看你自己项目是否需要啦）

应用

数据库安装好后，相关的数据库表也常见好后，将你准备的应用jar包，找一个合适的位置
打开jar包目录下打开命令符
执行运行命令

java -jar demo.jar

然后整个项目就会启动了

启动后窗口被锁定，可按CTRL + C打断程序运行，或直接关闭窗口，程序退出

前后端项目部署整体流程

前端

nginx安装

后端

jdk安装

数据库

应用

猜你喜欢