使用Docker Compose一键部署前后端分离项目(图文保姆级教程)

已于 2024-03-27 15:20:19 修改
阅读量1.5k 收藏 15
点赞数 8
文章标签： docker 容器 运维 spring boot vue linux
于 2024-03-26 15:04:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50083085/article/details/137038544
版权
本文详细介绍了如何在Linux系统中安装Docker、docker-compose，以及创建和配置dockerfile、docker-compose.yml、nginx.conf和redis.conf，实现MySQL、Nginx、Redis和Java应用的容器化部署，并允许远程连接。最后，作者展示了构建、启动和管理docker服务的完整流程。
摘要由CSDN通过智能技术生成

一、安装Docker和docker Compose

1.Docker安装

//下载containerd.io包
yum install https://download.docker.com/linux/fedora/30/x86_64/stable/Packages/containerd.io-1.2.6-3.3.fc30.x86_64.rpm
//安装依赖项
yum install -y yum-utils device-mapper-persistent-data lvm2
//设置镜像仓库
yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
//安装docker
yum install -y docker-ce
//安装docker-compose 下载很慢
curl -L "https://github.com/docker/compose/releases/download/1.25.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
二、查看版本信息

//文件授权
chmod +x /usr/local/bin/docker-compose
//查看docker版本
docker version
//查看docker-compose版本
docker-compose --version

在这里插入图片描述

二、创建工作目录并编写dockerfile文件

1、创建目录文件夹

//进入home目录
cd /home
//创建工作目录
mkdir lory
//进入lory目录
cd lory
//创建conf文件夹 用来存放redis.conf和nginx.conf配置文件
mkdir conf
//创建db文件夹 用来存放数据库初始化脚本
mkdir db
//创建jar文件 用来存放jar包
mkdir jar
//创建html文件 用来存放前端编译文件
mkdir html

在这里插入图片描述
2、将jar包、dist文件、sql脚本通过xftp上传到服务器对应文件夹，打包时记得将前后端数据库和redis改成服务器ip
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、编写dockerfile

a.编写mysql-dockerfile

//进入lory文件夹
cd /home/lory
//查看mysql-dockerfile文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim mysql-dockerfile

# 基础镜像
FROM mysql:5.7
# author
MAINTAINER lory
# 执行sql脚本
ADD ./db/*.sql /docker-entrypoint-initdb.d/

在这里插入图片描述
在这里插入图片描述
b.编写nginx-dockerfile
主要功能是在容器内创建 /home/projects/front目录，并将该目录与宿主机挂载

//进入lory文件夹
cd /home/lory
//查看nginx-dockerfile文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim nginx-dockerfile

# 基础镜像
FROM nginx
# author
MAINTAINER lory
# 挂载目录
VOLUME /home/projects/front
# 创建目录
RUN mkdir -p /home/projects/front
# 指定路径
WORKDIR /home/projects/front
# 复制conf文件到路径
COPY ./conf/nginx.conf /etc/nginx/nginx.conf
# 复制html文件到路径
COPY ./html/dist /home/projects/front

在这里插入图片描述
在这里插入图片描述
c.编写redis-dockerfile
主要功能是在容器内创建 /home/projects/redis目录，并将该目录与宿主机挂载

//进入lory文件夹
cd /home/lory
//查看redis-dockerfile文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim redis-dockerfile


# 基础镜像
FROM redis
# author
MAINTAINER lory
# 挂载目录
VOLUME /home/projects/redis
# 创建目录
RUN mkdir -p /home/projects/redis
# 指定路径
WORKDIR /home/projects/redis
# 复制conf文件到路径
COPY ./conf/redis.conf /home/projects/redis/redis.conf

在这里插入图片描述

在这里插入图片描述
d.编写purchase-dockerfile （xxx-dockerfile:xxx可以随便取到时候对应上其他配置文件就行）
主要功能是在容器内创建 /home/projects/jar目录，并执行jar包

//进入lory文件夹
cd /home/lory
//查看redis-dockerfile文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim purchase-dockerfile


# 基础镜像
FROM openjdk:8
# author
MAINTAINER lory
# 挂载目录
VOLUME /home/projects/jar
# 创建目录
RUN mkdir -p /home/projects/jar
# 指定路径
WORKDIR /home/projects/jar
# 复制jar文件到路径
COPY ./jar/*.jar /home/projects/jar/purchase-admin.jar
# 启动应用
ENTRYPOINT ["java","-jar","purchase-admin.jar"]

在这里插入图片描述
在这里插入图片描述
e、编写docker-compose.yml文件

//进入lory文件夹
cd /home/lory
//查看redis-dockerfile文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim docker-compose.yml

version : '3'
services:
  mysql:
    container_name: mysql
    image: mysql:5.7
    build:
      context: .
      dockerfile: mysql-dockerfile
    ports:
      - "3306:3306"
    volumes:
      - ./mysql/conf:/etc/mysql/conf.d  
      - ./mysql/logs:/logs
      - ./mysql/data:/var/lib/mysql
    command: [
          'mysqld',
          '--innodb-buffer-pool-size=80M',
          '--character-set-server=utf8mb4',
          '--collation-server=utf8mb4_unicode_ci',
          '--default-time-zone=+8:00',
          '--lower-case-table-names=1'
        ]
    environment:
      MYSQL_DATABASE: 'purchase_system' #数据库
      MYSQL_ROOT_PASSWORD: 123456  #数据库root用户密码
  redis:
    container_name: redis
    image: redis
    build:
      context: .
      dockerfile: redis-dockerfile
    ports:
      - "6379:6379"
    volumes:
      - ./conf/redis.conf:/home/projects/redis/redis.conf  #对应工作目录上的conf文件路径和redis-dockefile挂载目录路径
      - ./redis/data:/data
    command: redis-server /home/projects/redis/redis.conf
  nginx:
    container_name: nginx
    image: nginx
    build:
      context: .
      dockerfile: nginx-dockerfile
    ports:
      - "80:80"
    volumes:
      - ./html/dist:/home/projects/front       #对应上工作目录和nginx-dockerfile挂载目录
      - ./conf/nginx.conf:/etc/nginx/nginx.conf
      - ./nginx/logs:/var/log/nginx
      - ./nginx/conf.d:/etc/nginx/conf.d
    depends_on:
      - purchase-server
    links:
      - purchase-server
  purchase-server:
    container_name: purchase-server
    build:
      context: .
      dockerfile: purchase-dockerfile
    ports:
      - "9800:9800"
    volumes:
      - ./jar/purchase-admin.jar:/home/projects/server/purchase-admin.jar  #对应上工作目录和purchase-dockerfile挂载目录
      - ./purchase/logs:/home/projects/logs
      - ./home/uploadPath:/home/projects/uploadPath
    depends_on:
      - mysql
      - redis
    links:
      - mysql
      - redis

在这里插入图片描述
在这里插入图片描述
3、编写nginx.conf配置文件

//进入conf文件夹
cd /home/lory/conf
//查看 nginx.conf 文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim nginx.conf

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/projects/front;  #nginx-dockerfile挂载目录
			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://purchase-server:9800/;  #purchase-server为docker-compose.yml文件对应服务container_name
		}
 
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

在这里插入图片描述
在这里插入图片描述

4、编写redis.conf配置文件

//进入conf文件夹
cd /home/lory/conf
//查看 redis.conf 文件后键盘输入i将下面文件输入进去后，摁键盘esc后输入:wq保存并退出
vim redis.conf

#解除本地限制 注释bind 127.0.0.1  
#bind 127.0.0.1
#设置密码
#requirepass 123456
# 服务器运行模式，Redis以守护进程方式运行,默认为no，改为yes意为以守护进程方式启动，可后台运行，除非kill进程，改为yes会使配置文件方式启动redis失败，如果后面redis启动失败，就将这个注释掉
daemonize no
#默认为no，redis持久化，可以改为yes
appendonly yes

在这里插入图片描述
在这里插入图片描述
写完后主要文件目录如下
在这里插入图片描述
如果使用tree命令提示：-bash: tree: command not found
安装一下即可

yum -y install tree

在这里插入图片描述

三、构建并启动

1、构建docker服务

//进入工作目录lory文件
cd /home/lory
//启动docker
systemctl start docker
//构建
docker-compose build

在这里插入图片描述
2、启动docker容器

docker-compose up -d
//如果后端jar启动失败多数是因为数据库初始化的时候太慢了，导致jar包没有连接成功，这个时候在执行一次docker-compose up -d即可

在这里插入图片描述
3、修改msyql可以远程连接

//查看容器
docker ps
//进入容器 mysql:容器名字NAME
docker exec -it mysql bash

在这里插入图片描述
连接数据库设置远程连接

//登陆数据库
mysql -u root -p
use mysql
//设置远程连接
update user set host = '%' where user = 'root';
//更改数据库密码这里password和user需要自己指定，host为%，很多网上的教程都是localhost，如果为localhost修改的是本地的密码，就是在进入到mysql容器里面登录时用的密码，而你在外部连接时的密码照样没修改。
UPDATE USER SET authentication_string=PASSWORD('123') WHERE USER='root' AND HOST='%';
//刷新权限
flush privileges;
//退出mysql
quit;
//退出容器
exit

如果报错：ERROR 1062 (23000): Duplicate entry ‘%-root’ for key ‘PRIMARY’ 说明已经设置了远程连接
在这里插入图片描述
最后就实现了使用docker一键部署前后端服务，后面更新jar包直接通过命令docker-compose build构建在通过docker-compose up -d 启动即可
页面部署成功界面：
在这里插入图片描述
docker扩展命令

//启动docker
systemctl start docker
//重启docker
systemctl restart  docker
//关闭docker
systemctl stop docker
//进入容器   my_mysql：容器名字
docker exec -it my_mysql bash                
//构建docker服务
docker-compose build            
//启动所有docker容器
docker-compose up -d 
//命令查看服务的日志，purchase-server:要查看的服务名  
docker-compose logs purchase-server 
//查看镜像
docker images     
//删除单个镜像
docker rmi 镜像id(IMAGE ID)       
//停止镜像
docker stop NAME  
//查看容器
docker ps
//删除容器
docker rm container_name/container_id
lory代码搬运工
关注
  • 8
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
基于docker compose部署若依ruoyi前后端分离项目
qq_44962256的博客
12-01 427
基于docker compose手把手教你部署若依ruoyi前后端分离项目，项目基于springboot+vue+mysql+redis。
[每周一更]-(第57期)：用Docker、Docker-compose部署一个完整的前后端go+vue分离项目
hmx224_2014的专栏
08-04 905
其中，使用默认的 IPAM 驱动程序，并为网络分配了 177.7.0.0/16 的子网。通过 -v 挂载证书，通过-p 映射端口也是可以的，存在docker中有多个nginx的情况，就代理转发一下， 参考地址：Docker多nginx方案：https://juejin.cn/post/6847902222760558599#heading-11。另外，命令 docker system prune 可以用于清理磁盘，删除关闭的容器、无用的数据卷和网络，以及dangling镜像（即无tag的镜像）。
Docker-Compose + Nginx 部署前后端分离项目
[爪洼ing]的博客
12-04 3783
Docker-Compose + Nginx 部署前后端分离项目 项目是采用Vue +Springboot 的前后端分离项目 一、预处理 1、项目打包前，先去File–>Setting–> File Encoding 中 改为UTF-8,防止乱码错误！ 注意：此时如果修改为UTF8后我们的properties配置文件中文乱码：不要慌没问题，直接把中文删除再写即可！ 2、由于后端项目是使用SpringBoot编写的，我们打包需要一个打包插件，记得导入包！不然可能出现打出的包中没东西 &
使用Docker Compose运行Nginx
最新发布
lw_jack的博客
06-20 689
使用Docker Compose运行Nginx可以更方便地管理和配置多个容器。
DockerCompose部署RuoYi-Vue前后端分离项目
m0_52877769的博客
03-28 1214
而Docker Compose就可以帮助我们实现多个相互关联的Docker容器的快速部署。它允许用户通过一个单独的 docker-compose.yml 模板文件（YAML 格式）来定义一组相关联的应用容器。
解锁容器化世界：docker-compose实现一键自动部署
java进阶之路
12-04 2307
docker-compose:一键启动
docker-compose前后端项目部署
a983677218的博客
04-01 1045
在项目打包完成后，放到服务器的项目文件夹根据对应的Dockerfile文件进行构建镜像，最后运行容器暴露端口给外部访问。编写完成后，表示一共启动五个容器，mysql，redis，service，user，admin。运行完成后就可以打开浏览器，输入服务器的ip加上暴露的端口号访问到我们的项目了~现在在对应的文件夹，创建Dockerfile文件，里面用来构建镜像。前端的细节部分在上一篇博客，这次主要说后端部分。运行会找到对应的Dockerfile文件，进行镜像构建，然后运行。不管是前端项目，还是后端项目。
DockerCompose部署RuoYi-Vue前后端分离项目，2024年最新GitHub标星1w的Linux运维架构师必备技能
2401_83740189的博客
04-17 786
把mysql的配置文件放到conf目录下，数据库sql文件放到init目录下，因为我们这个项目sql文件中没有创建数据库的指令，所以我们要创建数据库容器以及设置好挂载然后远程连接数据库创建ry-vue数据库然后导入sql文件，完成后删除mysql容器。首先我们要安装docker环境，然后拉取mysql、nginx、redis镜像，然后在/root目录下面创建项目jar包和制作项目镜像的Dockerfile文件。而稍微复杂的项目，其中还会有各种各样的其它中间件，需要部署的东西远不止4个。
Docker-compose一键部署zentao
云深海阔专栏
02-13 497
1、编写docker-compose.yml文件。默认管理员账号：admin 密码：123456。首次登陆后会要求自己更改密码。2、启动zentao容器。
使用docker-compose部署MySQL+Spring Boot+Vue前后端分离项目
TZNB_0610的博客
09-19 1376
使用docker compose部署的好处如下：简化部署：Docker Compose 可以将多个容器组合在一起，通过一条命令快速部署整个应用程序。管理容器：Docker Compose 可以方便地管理多个容器，包括启动、停止、删除等操作。统一配置：Docker Compose 可以使用一个 YAML 文件来定义整个应用程序的配置，包括容器、网络、数据卷等。灵活性：Docker Compose 可以根据需要启动、停止或重新部署单个容器，而不影响整个应用程序的运行。
docker-compose一键部署rocketmq
04-26
注意 如果你的微服务或者项目在开发的时候没有放入docker中或者与rocketmq容器不能直接用IP访问， 那么请把broker.conf中的 #brokerIP1=192.168.0.253 前面#号去掉，并且把后面的IP地址改成你的rocketmq容器宿主机IP...
使用Docker容器部署RuoYi-Vue前后端分离项目
06-20
此次部署项目是我亲身经历，而且是一次性部署成功，没有部署超过两次甚至多次的情况，过程虽然很艰难，但结果还是很满意的，我希望大家用心去部署这个项目，你会发现部署这个项目其实不难
docker-compose一键部署环境包
10-09
docker-compose一键完成微服务各组件的安装包：nginx、sentinel、nacos、seata、mysql、Redis、skywaking、easicsearch、prmetheus、grafana等
利用docker-compsoe部署前后端分离的项目方法
09-29
主要介绍了利用docker-compsoe部署前后端分离的项目方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用Docker Compose一键部署前后端分离项目
weixin_49561506的博客
01-08 2397
以若依前后端分离项目为例，使用Docker Compose 进行一键部署
ubantu20.04服务器使用docker以及docker-compose编排部署前后端分离个人博客项目(springboot+vue+mysql+redis)
whut小宝的博客
03-08 4586
ubantu20.04使用docker部署前后端分离个人博客项目(springboot+vue+mysql+redis) 前言 本博客是基于springboot+vue+jwt+redis+mysql实现，参考码神大佬的教程一步搭建的，不过最后部署的网站还没有做文章列表缓存处理的bug解决，后期会进行重新更新部署。目前个人博客网站域名还在备案阶段。 部署完成效果图： 部署前准备 云服务器（我的是阿里云 操作系统：ubantu 20.04 配置:2G 2核） 阿里云服务器开启端口安全组策略，开放相关
Docker部署前后端分离项目（Docker+Nginx+Vue+SpringBoot）
baozaoderenlei的博客
07-20 1119
Docker部署前后端分离项目（Docker+Nginx+Vue+SpringBoot）
Docker前后端项目部署（完整篇）
util123的博客
11-11 5164
本文详细讲解了如何使用 Docker 构建镜像并部署前后端项目，包括如何配置、编写 Dockerfile 和启动容器。在实践过程中，作者发现了一些常见问题，并提供了解决方案，例如如何解决无法连接数据库的问题、如何配置 nginx 代理等。本文将对想要深入了解 Docker 镜像部署前后端项目的读者提供帮助。此时你有一台服务器，首先安排上docker
若依/RuoYi-Vue使用docker-compose部署
yz2322944912的博客
03-09 2088
将打包好的后端代码目录中的 jar包拷贝到ruoyi目录下的Java目录下 并创建Dockerfile文件。这里还需要拷贝一份nginx的配置文件到当前目录方便挂载到nginx容器中，内容为下。#对应docker-compose.ym文件中java的容器名。将之前创建的java目录和后端RuoYi-Vue目录移动到其中。运行映射若依页面显示的目录到容器的opt目录下。运行映射若依后端目录到容器的vue目录下。进入容器的/vue目录构建打包后端。在ruoyi目录下创建java目录。创建目录ruoyi并进入。
ec2使用docker-compose部署前后端分离项目
09-06
要在EC2上使用Docker Compose部署前后端分离项目，您可以按照以下步骤操作： 1. 在EC2实例上安装Docker和Docker Compose。 - 运行以下命令安装Docker： ```shell sudo apt update sudo apt install docker.io ``` - 安装完Docker后，您可以运行以下命令安装Docker Compose： ```shell sudo apt install docker-compose ``` 2. 在EC2实例上创建一个项目文件夹，并将前端和后端代码分别放入两个子文件夹中。 3. 在项目文件夹中创建一个名为 `docker-compose.yml` 的文件，并使用以下示例配置进行编辑： ```yaml version: '3' services: frontend: build: ./frontend ports: - 80:80 backend: build: ./backend ports: - 8000:8000 ``` 这个示例配置了两个服务，一个是前端服务（使用端口80），另一个是后端服务（使用端口8000）。您可以根据自己的项目需求进行修改。 4. 在项目文件夹中打开终端，并使用以下命令构建和启动Docker容器： ```shell sudo docker-compose up -d ``` 这将使用Docker Compose根据配置文件构建和启动两个容器，分别运行前端和后端应用程序。 5. 确保EC2实例的安全组配置允许通过所需的端口访问您的应用程序。 现在，您的前后端分离项目应该已经成功部署在EC2实例上了。您可以使用实例的公共IP地址或域名加上相应的端口访问您的应用程序。 请注意，这只是一个简单的示例配置，实际部署过程可能会根据您的项目需求有所不同。您可能需要进一步配置数据库、网络等方面，以适应您的项目。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值