写在前面

最近公司在搞三库管理，其中提到由测试负责人掌管受控库，并且从受控库获取代码部署测试环境。刚好我对于测试环境部署这块知之甚少。就我所知，测试环境部署就是开大打一个war包，测试人员把war包放到tomcat的webapp目录里面就可以了。但是我跟开发交流后，发现，这是很早以前部署环境的方法了。现在后端项目基于SpringBoot框架已经集成了Tomcat， 不需要再单独安装tomcat了。然后的话，现在前后端分离的项目是需要分别部署前后端的。
于是各种百度，向开发请教，开启了艰难的从0到1的测试环境部署之路。
需要注意的时，我部署测试环境的经验，不一定适合所有项目，有可能换一个项目，按照我的方法，会出现各种各样的问题，这个时候，请积极百度，吸取前人的经验。然后更快捷的方法就是向开发请教！尤其是有部署环境经验的开发！因为有的开发，比如前端开发，就只对前端那部分比较了解。而部署一个环境需要将前后端关联起来，那么这一块有的开发可能就不清楚。
目前成功在本地windows 10搭建好了环境。

平台简介

这是一个基于Spring Boot， React的前后端分离的系统。

  • 前端采用react
  • 后端采用Sprint Boot

由于后端框架Sprint Boot内嵌有tomcat， 因此我们不需要额外安装tomcat。

环境准备

  • 安装jdk1.8以上版本
  • 安装maven
  • 安装nodejs，推荐先安装nvm，使用nvm管理node版本

初始化数据库

我们在linux服务器上安装好mysql后， 我们需要初始化项目的数据库。

首先我们在后端项目里面找到数据库初始化的SQL。

前端react nginx配置_数据库


然后我们登录linux服务器，登录mysql数据库。

  • 第一步：新建一个数据库：create database “数据库名”;
  • 第二步：切换到这个数据库: use “数据库名”;
  • 第三步：执行初始化sql：source “sql文件的绝对路径”;
    注意：最好切换到sql文件所在目录，这样就不需要输入完成的绝对路径，只要输入相对路径就可以了，相对简单。

    注意：一般情况下后端项目里面有保存初始化数据库的SQL文件。如果不清楚，可以问一下对应的后端开发。或者初始化数据库这步可以跳过，可以直接连已有的数据库。

前端项目部署

第一步

找开发人员获取项目代码路径，将代码拉取到本地。

第二步

推荐使用vs code打开项目。
如果不使用vs code，也可以使用CMD命令。

  • 进入项目的根目录路径
  • 使用命令：npm install 安装所需的依赖包

第三步

  • 配置后端
    前端要与后端关联，需要配置后端的访问路径。
    先启动后端项目，然后询问前端开发人员后端路径在项目的配置。
    更改好配配置。

第四步

  • 使用命令：npm start 启动项目
  • 打开页面
    在本地输入地址：http://localhost:对应的端口号就可以打开前端项目。如：http://localhost:8081/
    如果报Network Error。就是因为后端项目没有启动或者地址配置错误。

注意：如果不清楚前端项目端口号的，可以询问对应的前端开发人员，代码里面配置的端口号是多少。

后端项目部署

第一步

找开发人员获取项目代码路径，将代码拉取到本地。

第二步

推荐使用IDEA打开项目。
如果不使用IDEA，也可以使用CMD命令。

  • 进入项目的根目录路径
  • 使用命令：mvn install 安装所需的依赖包

第三步

  • 使用命令：mvn package 进行项目打包
    注意：打包也会自动安装依赖，可以跳过第二步

启动项目

进入打包的jar包所在路径。
使用命令：javac -jar jar包名称 启动项目

注意：需要正确配置数据库连接，否则会启动失败。数据库连接配置请询问后端开发人员。