Ubuntu 16.04下Docker部署SpringBoot、Mysql、Redis、Nginx和Vue

本文以开源项目SpringBlade和Saber为例。

1、创建自定义网络

目的是将用到的服务都放到同一个网络段，以方便互相通信。

docker network create --subnet 172.19.0.0/16 mynetwork

2、Docker安装MySQL、Redis、Nginx

（1）安装MySQL

docker pull mysql:5.7.30

cd ~

mkdir docker/mysql/{conf,logs,data} -p

cd docker/mysql

docker run --name mysql_blade --network=mynetwork --ip=172.19.0.6 -p 3307:3306 -v PWD/logs:/var/log/mysql -v PWD/data:/data:rw -v $PWD/conf/redis.conf:/etc/redis/redis.conf:ro --privileged=true --name redis-6389 -d redis redis-server /etc/redis/redis.conf

（3）安装Nginx

将Saber发布到Nginx中要用到

docker pull nginx

2、Docker打包SpringBlade

3、Docker打包并发布Saber

（1）编写nginx.conf

cd Saber

touch nginx.conf，写入以下内容：

//nginx.conf开始

user root

worker_processes 1

error_log /var/log/nginx/error.log warn

pid/var/run/nginx.pid

events {

worker_connections 1024

}

http {

include /etc/nginx/mime.types

default_type application/octet-stream

}

//nginx.conf结束

（2）修改env.js文件

baseUrl要与下面的SpringBlade容器的地址和端口匹配：

（3）编写Dockerfile

编写dockerfile并将其放到与dist同一目录：

FROM nginx

VOLUME /tmp

ENV LANG en_US.UTF-8

ADD ./dist/ /usr/share/nginx/html/

COPY./nginx.conf /etc/nginx/

EXPOSE 1889

EXPOSE 443

（4）打包并发布

cd ~

mkdir docker/saber/conf -p

cd docker/saber

cp ~/Saber/nginx.conf conf

yarn run build

docker build -t saber:1.0 .（注意最后的.）

docker run -itd --name saber --network=mynetwork --ip=172.19.0.8 -p 1889:1889 -v $PWD/conf:/mnt/ saber:1.0

4、Docker打包并发布SpringBlade

（1）pom.xml配置

/

<docker.repostory>10.10.0.127:10080</docker.repostory>

<docker.registry.name>blade</docker.registry.name>

<docker.image.tag>0.0.1</docker.image.tag>

<docker.maven.plugin.version>1.4.10</docker.maven.plugin.version>

<build>

<finalName>SpringBlade</finalName>

<resources>

<resource>

<directory>src/main/resources</directory>

</resource>

<resource>

<directory>src/main/java</directory>

<includes>

<include>* / .xml</include>

</includes>

</resource>

</resources>

<pluginManagement>

<plugins>

<plugin>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-maven-plugin</artifactId>

<version> {project.build.finalName}</finalName>

</configuration>

<executions>

<execution>

<goals>

<goal>repackage</goal>

</goals>

</execution>

</executions>

</plugin>

<plugin>

<groupId>com.spotify</groupId>

<artifactId>dockerfile-maven-plugin</artifactId>

<version> {project.basedir}</contextDirectory>

<useMavenSettingsForAuth>true</useMavenSettingsForAuth>

<repository> {docker.registry.name}/ {docker.image.tag}</tag>

<buildArgs>

<JAR_FILE>target/ {java.version}</source>

<target>${java.version}</target>

<encoding>UTF-8</encoding>

<compilerArgs>

<arg>-parameters</arg>

</compilerArgs>

</configuration>

</plugin>

</plugins>

</build>

（2）yml配置

redis及mysql都要与前面的创建容器时的配置相同：

（3）创建私有仓库（利用Harbor）

在harbor管理界面创建项目blade，下面上传镜像的时候要加入项目路径。

（4）打包

mvn clean install dockerfile:build -Dmaven.test.skip=true

（5）上传到私有仓库

两种方式：

mvn dockerfile:push

或者docker push 10.10.0.127:10080/blade/springblade:0.0.1

然后在Harbor管理后台就可以看到镜像了。

要pull下来的话：

docker pull 10.10.0.127:10080/blade/springblade:0.0.1

（6）发布

cd ~

mkdir docker/blade/app -p

cd docker/blade

docker run -itd --name blade --network=mynetwork --ip=172.19.0.7 -p 9001:9001 -v $PWD/app:/mnt/ 10.10.0.127:10080/blade/springblade:0.0.1

至此，就可以通过localhost:1889来访问Saber了。

另外，我通过uri来区分多租户。例如localhost:1889是管理租户，localhost:1889/test是名为test的租户。这样就避免了在登录界面填写租户id。

前端在vue3里面添加查询功能在数据库显示为：

1、必须使用一些后端框架（如Node.js）来构建服务器，并使用数据库（如MySQL）来存储数据。

2、在Vue3中，使用axios或fetch来发送HTTP请求，从服务器获取数据库中的数据。

3、在Vue3中，使用查询参数（如关键字）来设置请求参数，从而进行查询 *** 作。

4、在服务器端使用SQL语句根据查询参数进行查询，并将查询结果返回给Vue3，从而在Vue3中完成数据库查询。

简述：Spring boot+Vue 前后端分离项目部署，主要采用docker容器部署方式。

Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。

Vue项目：使用docker启动nginx服务器方式代理部署。

项目使用mysql8.0作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境。

连接出现1251错误时：

首先将项目进行打包：mumu-0.0.1-SNAPSHOT.jar

到此，springboot项目采用docker方式运行部署结束。

使用docker容器方式运行nginx服务器。

对于nginx服务器，重要的两个 *** 作是：

所以我们在配置启动nginx容器的时候，需要将对应的目录及文件进行宿主机挂载，方便后续更新资源及 *** 作

启动命令：

---