前言
为了后序测试,运维人员的便捷性,舒适的,我们采用了流水线jenkins自动化部署的方式构建前端项目
具体步骤
部署开发项目到服务器我们需进行:服务器选择,环境配置,上传文件,配置应用程序,启动应用程序几个阶段。
1.对于服务器的配置
可选用了适合自己的服务器
2.配置环境
2.1数据库运行环境
数据库方面我们采用了mysql8,Navicat图形交互界面,并对其进行了安装和环境变量的配置
2.2 java开发工具
我们安装了jdk1.8并对其开发环境进行了配置
2.3自动化部署工具
我们对jenkins进行过了安装与配置,并建立前后端自动化部署项目
2.4web服务器
我们选用了Nginx web服务器,并对进行相应的配置部署文件
这里提示我们配置dist文件时可以把dist文件夹放在Nginx目录下:配置信息相对路径为 root dist
若不想移动dist也可以指定路径,将图中红圈出改为指定路径如.../.../../dist
对于其不同的请求路径我们也要进行相应的配置
2.5前端开发环境配置:
node.js
前端依赖下载,这里我们使用的是淘宝镜像下载
每次更新代码,版本是都要重新生成dist文件,这里我们使用xcopy .\dist C:\SoftwareDownloads\nginx-1.25.2\dist /E /Y > nul 命令覆盖原来的dist文件,这样我们只需要使用Jenkins构建项目,就可以自动更新部署了。
成功后我们可在前端工程文件夹下找到我们的依赖存储文件node_modules
构建生产环境
3.上传目标文件
3.1前端文件上传
vue前端开发文件从git仓库clone
3.2后端文件上传
从开发工具打包代码并上传jar架包至服务器
4.启动应用程序
4.1启动程序
我们通过xcopy拷贝文件,通过bat命令直接点击启动jar包