一、需要准备的软件

1、对应版本的JDK:java运行环境

2、Redis:缓存工具

3、MySQL:数据库

4、Navicat或SQLyog:数据库可视化工具

5、nginx:前端服务器和反向代理

6、nssm:window添加服务的开源软件

二、打包后端项目

1、按生产环境设置并检查相关配置:

        程序运行端口;

        数据库连接地址、账号和密码;

        redis连接库;

2、配置maven打包的配置项

<!--    添加maven打包插件-->
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

3、在idea终端窗口使用打包命令

mvn clean package -DskipTests=true

(-DskipTests=true代表跳过test,不打包test)

4、程序的目录中的target目录下,得到名为XXX-1.0-SNAPSHOT.jar的文件(jar包)

留着备用,打包完成

三、打包前端项目

1、修改指向后端的接口地址,为了方便nginx配置,这里使用/apis指向后端。

(演示项目是在src/http/httpRequest.js中设置的)

//定义后端接口地址的前缀
// axios.defaults.baseURL = "http://localhost:8083";
axios.defaults.baseURL = "/apis";

2、在终端窗口执行 npm run build

npm run build

或者 点击package.json文件中"build": "vite build",前面的绿箭头,运行buid

3、在项目目录下生成一个dist文件夹,这个文件夹包含了打包后的前端项目代码。

留下备用,前端打包完成。

四、安装mysql

1、解压MySQL压缩包,

2、非必要操作:如果之前有安装MySQL且没有用处,进入cmd,删除之前的库,慎重操作!慎重操作!慎重操作!

sc delete mysql 

3、添加环境变量 : 电脑-属性-高级系统设置-环境变量,在Path 环境变量增加mysql的安装目录\bin目录。

4、在\mysql-5.7.19-winx64 目录下下创建 my.ini 文件, 需要我们自己创建,

[client]
port=3306
default-character-set=utf8
[mysqld]
# 设置为自己MYSQL的安装目录
basedir=D:\mysql-5.7.19-winx64\
# 设置为MYSQL的数据目录
datadir=D:\mysql-5.7.19-winx64\data\
port=3306
character_set_server=utf8
#跳过安全检查
skip-grant-tables

5、使用管理员身份打开 cmd , 并切换到 \mysql-5.7.19-winx64\bin 目录下, 执行mysqld -install

mysqld -install

6、初始化数据库:  mysqld --initialize-insecure --user=mysql      如果执行成功,会生成 data目录:

mysqld --initialize-insecure --user=mysql 

7、启动mysql 服务: net start mysql 【停止mysql服务指令 net stop mysql】

net start mysql 

8、进入mysql 管理终端: mysql -u root -p 【当前root 用户密码为 空】

mysql -u root -p 

9、修改root 用户密码(yourPassword改成你自己要设置的密码)

use mysql;  
update user set authentication_string=password('yourPassword') where user='root' and Host='localhost';

10、修改my.ini ,注释掉skip-grant-tables这一行, 再次进入就会进行权限验证了
 

#skip-grant-tables

11、重新启动mysql 

net stop mysql
net start mysql

12、再次进入Mysql, 输入正确的用户名和密码。

mysql -u root -p

密码正确,进入mysql

五、安装navicat,建立数据库连接和导入数据(略)

六、安装redis

1、解压Redis

2、在该目录下cmd运行 redis-server.exe redis.windows.conf

redis-server.exe redis.windows.conf

3、另开一个cmd,进入对应目录,redis-cli.exe测试是否正常连接

redis-cli.exe

连接正常可以关闭redis。

4、编写后台运行脚本start_redis.vbs,双击运行,redis-cli.exe测试是否正常连接。

Set shell = CreateObject("WScript.Shell")
shell.Run "d:\redis\redis-server.exe d:\redis\redis.windows.conf", 0
Set shell = Nothing

连接正常,redis安装完成。

七、部署前端

1、下载解压缩nginx

2、将dist目录(包含其中中的所有文件和子目录)复制到 Nginx 的html目录下

3、修改nginx配置,conf/nginx.conf

#不带“/apis”的访问指向
location / {
    root   html/dist;
    index  index.html index.htm;
    try_files $uri  /index.html;
  }


#存在内网区域和外网区域,访问的地址IP并不一致,让nginx转发
location /apis {
    # 处理 /apis 开头的请求,代理到后端服务器并去掉 /apis
    rewrite ^/apis(.*)$ $1 break;
    #根据自己项目的后端地址和端口修改
    proxy_pass http://127.0.0.1:8082;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
  }

4、启动nginx,测试一下连接

连接正常,前端部署完成。

八、部署后端

1、安装对应的jdk版本

2、下载NSSM:一个把EXE或jar添加到window服务中的开源工具。

3、编写一个bat脚本(如:nbglxt.bat),给NSSM添加到服务使用。功能是启动后端项目的jar。

D:\jdk-17.0.12\bin\java -jar D:\xxxx-1.0-SNAPSHOT.jar

前面是JDK的路径,后面是项目jar包的路径

4、添加服务

4.1进入NSSM对应版本的目录下,执行cmd,nssm install 弹出配置窗口

nssm install 

根据自己实际配置参数,配置完成点击install service

4.2 启动服务 net start YourServiceName,YourServiceName是刚在你自己命名的服务名称

net start YourServiceName

4.3 进入window服务管理界面,可以查看该服务的运行情况。

4.4 如要移除服务,命令:nssm remove [服务名称]

nssm remove YourServiceName

5、访问接口,测试一下。

连接成功,后端部署完成。

九、前后端联调测试

发现问题----再看下步骤----调试----看日志----未解决----查资料----解决问题

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐