Docker部署SpringBoot+Vue项目

news2024/12/29 10:16:30

1.项目部署规划

        1.后端多模块项目blog以及各模块运行端口:

前台服务模块sangeng-blog->7777,后台服务模块sangeng-admin->8989,公共模块sangeng-framework

        2.前端前台Vue项目:sg-blog-vue->80

        3.前端后台Vue项目:sg-vue-admin->81

        4.docker所需镜像

                java:17(jdk17)

                mysql:8.0.19

                redis:6.0.8

                nginx:1.18.0

        5.项目部署

                安装docker

                拉取java:8镜像,后端项目使用maven打包,上传jar包到服务器指定目录/mydata,编写Dockerfile文件,将后端项目打成镜像文件。

                拉取mysql:8.0.19、redis:6.0.8、nginx:1.18.0镜像。

                编写docker-compose.yml文件,使用docker-compose容器编排管理容器运行。

                配置mysql,导入sql文件

                配置redis,修改redis.conf文件

                配置nginx,将打好包的Vue项目放到html目录下,并配置nginx.conf文件

                测试运行

                镜像上传阿里云镜像仓库

        6.使用工具

                IDEA

                Navicat

                Mobaxterm

2.前置工作

        2.1后端项目使用maven打包

        2.2项目打包,本地运行jar包测试

进入target目录下,在文件搜索框输入cmd进入Dos窗口,使用命令运行jar包

java -jar jar包

若未报错则jar包没有问题

        2.3前端项目打包

npm run build

        2.4在本地测试,放在Nginx里边,测试正常即可以使用

        2.6配置安全组规则

在云服务器的安全组中添加规则

我这里是阿里云ECS,添加的是入方向规则

3.Docker安装

Docker运行环境要求系统为64位、Linux系统内核版本为 3.8以上

开始安装:

一:搭建gcc环境

yum -y install gcc
yum -y install gcc-c++

二:安装需要的软件包

yum install -y yum-utils

三:安装镜像仓库

但是因为docker的服务器是在国外,所以有时候从仓库中下载镜像的时候会连接被拒绝或者连接超时的情况,所以可以使用阿里云镜像仓库

yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

四:更新yum软件包索引

yum makecache fast

五:安装docker引擎

yum install docker-ce docker-ce-cli containerd.io docker-compose-plugin

六:启动docker

systemctl start docker

查看docker服务

查看docker版本信息

docker version

七:阿里云镜像加速配置

若要配置阿里云加速器,必须首先要有阿里云的账号。登录阿里云后,打开阿里云的容器镜像服务页面 https://cr.console.aliyun.com ,然后找到相应页面,然后按照给出的步骤即可完成配置。

 若要配置网易云加速器,只需将阿里云加速器配置步骤中的registry-mirrors地址替换为如下地址即 可: http://hub-mirror.c.163.co 

(注意要一步一步输入,参考我输入的) 

7.测试HelloWorld镜像


看到 Hello from Docker! 字段说明我们的安装步骤没有问题,Docker已经成功安装


4.拉取镜像

拉取镜像java:17(JDK17)

docker pull openjdk:17

拉取镜像mysql:8.0.19

docker pull mysql:8.0.19

拉取镜像redis:6.0.5

docker pull redis:6.0.5

拉取镜像nginx:1.18.0

docker pull nginx:1.18.0

查看当前所有镜像:

5.编写Dockerfile文件,构建镜像 

1.首先将jar包传到服务器指定目录下


我这里是在根目录下创建了一个mydata目录

2.在mydata目录下创建Dockerfile文件,编写Dockersfile文件

这里我们两个jar包分别打成两个镜像,因为一个目录下只能有一个Dockerfile文件,所以当构建完第一个镜像之后修改对应的Dockerfile文件。

在vim模式下 :set paste粘贴的文本数据不会乱

第一个Dockerfile文件

#基础镜像使用jdk17
FROM openjdk:17
#作者
MAINTAINER gj
# VOLUME 指定临时文件目录为/tmp,在主机/var/lib/docker目录下创建了一个临时文件并链接到容器的/tmp
VOLUME /tmp
# 将jar包添加到容器中并更名
ADD sangeng-blog.jar sangeng_blog.jar
# 运行jar包
RUN bash -c 'touch /sangeng_blog.jar'
ENTRYPOINT ["java","-jar","/sangeng_blog.jar"]
#暴露7777端口作为微服务
EXPOSE 7777

3.构建镜像

docker build -t sangeng_blog:1.0 .

4.第二个Dockerfile文件

#基础镜像使用jdk17
FROM openjdk:17
#作者
MAINTAINER gj
# VOLUME 指定临时文件目录为/tmp,在主机/var/lib/docker目录下创建了一个临时文件并链接到容器的/tmp
VOLUME /tmp
# 将jar包添加到容器中并更名
ADD sangeng-admin.jar sangeng_admin.jar
# 运行jar包
RUN bash -c 'touch /sangeng_admin.jar'
ENTRYPOINT ["java","-jar","/sangeng_admin.jar"]
#暴露8989端口作为微服务
EXPOSE 8989

5.构建镜像

docker build -t sangeng_admin:1.0 .

6.查看构建的镜像

docker images

6.使用Docker-compose容器编排

6.1安装Docker-compose(高版本的Docker会默认安装)

注意:如果是低版本的compose,dockercompose之间要有-

        1.首先查看主机是否有docker-compose环境

docker compose version

如果没有就安装

        2.安装命令

DOCKER_CONFIG=${DOCKER_CONFIG:-$HOME/.docker} 

mkdir -p $DOCKER_CONFIG/cli-plugins 

curl -SL https://github.com/docker/compose/releases/download/v2.11.2/docker-compose-linux-x86_64 -o $DOCKER_CONFIG/cli-plugins/docker-compose

chmod +x $DOCKER_CONFIG/cli-plugins/docker-compose

6.2配置nginx文件

1.在/目录下创建一个app目录,进入app目录

2.首先创建一个nginx容器,只是为了复制出配置

# 1.运行容器
docker run -p 80:80 --name nginx -d nginx:1.18.0

# 2.将容器内的配置文件拷贝到当前目录/app中:
docker container cp nginx:/etc/nginx .
# 3.将文件nginx修改为conf
mv nginx conf
# 4.创建文件夹nginx
mkdir nginx
# 5.将conf目录拷贝到nginx目录
cp -r conf nginx/
# 6.删除conf目录
rm -rf conf
# 3.停止并删除容器
docker stop nginx && docker rm nginx 

6.4编写docker-compose.yml文件

1.在/mydata目录下创建docker-compose.yml文件,并编写docker-compose.yml文件

​ 在vim模式下 :set paste粘贴的文本数据不会乱

#compose版本
version: "3"  
 

services:
  sangeng_blog:
#微服务镜像  
    image: sangeng_blog:1.0
    container_name: sangeng_blog
    ports:
      - "7777:7777"
#数据卷
    volumes:
      - /app/sangeng_blog:/data/sangeng_blog
    networks: 
      - blog_network
    depends_on: 
      - redis
      - mysql
      - nginx


  sangeng_admin:
#微服务镜像
    image: sangeng_admin:1.0
    container_name: sangeng_admin
    ports:
      - "8989:8989"
#数据卷
    volumes:
      - /app/sangeng_admin:/data/sangeng_admin
    networks:
      - blog_network
    depends_on:
      - redis
      - mysql
      - nginx
     
#redis服务
  redis:
    image: redis:6.0.8
    ports:
      - "6379:6379"
    volumes:
      - /app/redis/redis.conf:/etc/redis/redis.conf
      - /app/redis/data:/data
    networks: 
      - blog_network
    command: redis-server /etc/redis/redis.conf
 
 #mysql服务
  mysql:
    image: mysql:8.0.19
    environment:
      MYSQL_ROOT_PASSWORD: 'xu.123456'
      MYSQL_ALLOW_EMPTY_PASSWORD: 'no'
      MYSQL_DATABASE: 'sg_blog'
      MYSQL_USER: 'root'
      MYSQL_PASSWORD: 'xu.123456'
    ports:
       - "3306:3306"
    volumes:
       - /app/mysql/db:/var/lib/mysql
       - /app/mysql/conf/my.cnf:/etc/my.cnf
       - /app/mysql/init:/docker-entrypoint-initdb.d
    networks:
      - blog_network
    command: --default-authentication-plugin=mysql_native_password #解决外部无法访问

 #nginx服务
  nginx:
    image: nginx:1.18.0
    ports:
      - "80:80"
      - "8093:8093"
      - "8094:8094"
    volumes:
      - /app/nginx/html:/usr/share/nginx/html
      - /app/nginx/logs:/var/log/nginx
      - /app/nginx/conf:/etc/nginx
    networks:
      - blog_network
    

 
 #创建自定义网络
networks: 
   blog_network: 

2.检查当前目录下compose.yml是否有语法错误

docker compose config -q

3.启动所有docker-compose服务并后台运行

docker compose up -d

 查看正在运行的容器实例

注意:因为MySQL和Redis还未配置,会出现容器挂掉的情况,这点等待配置过MySql和Redis之后再重启容器实例即可

7.配置MySQL

1.将sql文件传到/app/mysql/db目录下(和MySQL容器实例相同的容器数据卷位置)

​ 本机Navicat导出sql文件,传送到/app/mysql/db目录下

2.进入MySQL容器实例

docker exec -it 容器ID bash

/var/lib/mysql目录下查看是否有sql文件(实例中是有的)

3.登录MySQL

密码就是在docker-compose.yml文件当中进行配置的

4.使用对应的数据库,导入sql文件

use sg_blog;
source /var/lib/mysql/sg_blog.sql;

5.导入数据库成功

 8.配置Redis

1.获取redis对应版本的配置文件

因为docker拉取的redis镜像是没有redis.conf文件的。因此,就需要我们官网上找一个相对应版本的的redis.conf配置文件

redis配置文件官网Redis configuration | Redis

因为我的redis版本是6.0.8,所以我选择6.0.的配置文件

2.进入/app/redis目录下

使用vim命令进入vim编辑器,将redis配置文件内容粘贴进去

在vim模式下 :set paste粘贴的文本数据不会乱

3.修改配置文件内容

  • 添加redis密码(requirepass)

  • 修改bind为0.0.0.0(任何机器都能够访问)

  • 为了避免和docker中的-d参数冲突,将后台启动设置为no(daemonize no)

  • 关闭保护模式(protected-mode no)

 

 9.测试后端接口

 测试ok

10.配置Nginx

10.1操作dist文件夹

        1.将打包好后的两个dist文件夹重命名发送到/app/nginx/html目录下

2.修改nginx.conf配置文件

进入conf文件夹下,打开nginx.conf文件

​ 在http{.......}添加两个server
记得root路径为容器内的dist文件路径

   server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;
        #
        #       #access_log  logs/host.access.log  main;

              location / {
                     root   /usr/share/nginx/html/blog_dist;
                     index  index.html index.htm;
                     try_files $uri $uri/ /index.html;
                   }

        }

    server {
        listen       81;
        server_name  localhost;

        #charset koi8-r;
        #
        #       #access_log  logs/host.access.log  main;

              location / {
                     root   /usr/share/nginx/html/admin_dist;
                     index  index.html index.htm;
                     try_files $uri $uri/ /index.html;
                   }

        }

10.项目测试

可能是我监听80的原因配置的监听80不生效,最后把他直接放到html下边了,等我找到原因再更改。

访问对应ip和端口,查看项目是否有问题

前台

 后台

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/439105.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

如何在AWS EKS上部署安装nginx ingress controller

Ingress Controller Ingress Controller 通常是一个负载均衡器,用于将外部流量路由到您的 Kubernetes 集群,并负责 L4-L7 网络服务 Ingress controller 仅覆盖 L7 流量,而入口重新路由 HTTP 和 HTTPS 流量 Type of Ingress Controllers C…

QT编程集成环境在Ubuntu中如何使用ROS工程?

文章目录 0.引言1.安装Qt Creator(带ROS插件)2.创建ROS工程3.创建功能包4.创建节点5.添加编译规则6.编译运行 0.引言 在进行ROS开发过程中,会创建许多功能包和源代码文件,这些文件少量时,手动管理还能接受,…

微搭低代码学习之数据收集

低代码和开发之间的关系 低代码平台是一种快速构建应用程序的工具,旨在提高开发效率。它们提供了一种基于图形用户界面的方式来创建应用程序,而无需编写大量的代码。使用低代码平台,开发人员可以更快速地构建和交付应用程序,从而缩…

nginx--HTTPS服务

目录 1.为什么要使用https 2.https协议的实现 1.对称加密 2.非对称加密 3.https加密 3.生成密钥和CA证书需要的依赖 1.查看是否有装openssl 2.查看nginx是否有 --with-http_ssl_module 4.生成密钥和CA证书步骤 步骤一、生成key密钥 步骤二、通过密钥去生成证书签名请求文件…

Java多例Bean的应用场景-easyExcel导入

目录 1. bean注入方式(IOC)2. 有状态会话bean和无状态会话bean3. 单例模式和多例模式4. 深挖多例模式应用场景? 1. bean注入方式(IOC) 2. 有状态会话bean和无状态会话bean 有状态会话bean:每个用户有自己特…

2023什么电脑配置适合机器学习和人工智能

机器学习和人工智能应用有多种类型——从传统的回归模型、非神经网络分类器和以 Python SciKitLearn 和 R 语言的功能为代表的统计模型,到使用 PyTorch 和 TensorFlow 等框架的深度学习模型. 在这些不同类型的 ML/AI 模型中,也可能存在显着差异。“最佳”…

不用ChatGPT,只用CodeGeeX with Chat!一样实现智能问答

在ChatGPT推出后,许多人发现,它在编程方面也具有强大的能力——在编写代码过程中,如果遇到问题,可以不必去搜索引擎寻找答案,而是直接向ChatGPT提问。不过,在申请使用一些功能时,需要先等待各种…

机器人感知与控制关键技术及其智能制造应用

源自:自动化学报 作者:王耀南 江一鸣 姜娇 张辉 谭浩然 彭伟星 吴昊天 曾凯 摘 要 智能机器人在服务国家重大需求, 引领国民经济发展和保障国防安全中起到重要作用, 被誉为“制造业皇冠顶端的明珠”. 随着新一轮工业革命的到来, 世界主要工业国…

【Linux】System V IPC-进程信号

进程信号 信号的概念信号的产生信号的种类信号的处理方式信号的注册信号的注销信号的自定义处理方式信号的捕捉流程信号的阻塞常见的程序崩溃父子进程进程等待自定义信号处理方式volatile关键字 信号的概念 信号是一个软件中断,实际上是操作系统告诉进程需要进程执行…

08 - 文章详情页面

文章详情页面 8-1:开篇 从本章开始我们要进入文章详情的页面开发。 在文章详情页面可以展示: 文章标题作者信息发布时间文章内容文章评论 同时你可以在这里进行: 作者关注文章评论文章点赞文章收藏 等操作。 基本功能大家可以进入到我…

IT知识百科:什么是暴力破解?

暴力破解是一种常见的网络安全攻击方法,它利用计算机程序自动尝试大量的密码组合来破解密码。这种攻击方法通常用于获取未经授权的访问权限,如入侵网络系统或个人账户。在本文中,我们将探讨暴力破解的原理、工具和防范方法。 暴力破解的原理 …

WPS表格的重复项使用方法

重复项就是指一列内容中有重复一样的值,或者两列数据对比后是否有重复的值,而在WPS表格中提供了直接标记重复值(高度重复项),删除重复值和限制重复值在一个单元格区域中输入。 【WPS表格的高度重复项】 作用是&#…

【K8S系列】深入解析DNS

序言 世界上最幸福的事之一,莫过于经过一番努力后,所有东西正慢慢变成你想要的样子。 文章标记颜色说明: 黄色:重要标题红色:用来标记结论绿色:用来标记一级论点蓝色:用来标记二级论点 Kubernet…

数据挖掘——KNN算法的实现

👨‍💻作者简介:练习时长两年半的java博主 📖个人主页:君临๑ 🎁 ps:点赞是免费的,却可以让写博客的作者开心好几天😎 文章目录 一、k-最近邻分类算法介绍 二、k-NN的特…

C++ 简介

C 完全支持面向对象的程序设计,包括面向对象开发的四大特性: 封装(Encapsulation):封装是将数据和方法组合在一起,对外部隐藏实现细节,只公开对外提供的接口。这样可以提高安全性、可靠性和灵活…

soot中存在的主要对象、soot的执行流

soot代码分析框架的基础知识(二)_soot 代码分析_小作坊中搬砖的博客-CSDN博客 Soot中的结构 本篇内容简单概括一下:soot中存在的主要对象、soot的执行流。 Soot中提供了几种对象,分别是:Scene、SootClass、SootMetho…

如何在 Windows WSL 上安装 k3s (Kubernetes / k8s)

WSL,全称Windows Subsystem for Linux,是微软在Windows 10操作系统上开发的一种运行Linux应用程序的子系统。它允许用户在Windows系统中直接运行Linux命令行工具和应用程序,无需双重引导或虚拟机。 相比虚机,WSL提供了更加高效、…

能量密度的必要性:城市比乡村具有更高的能量密度

文章目录 引言I 人口密度1.1 人口密度太低对于经济的发展的不利因素1.2 足够的人口密度带来的好处1.3 乌鲁克城II 农耕文明和商业文明2.1 农耕文明2.2 商业文明III 有效掌握动力的文明处于优势3.1 苏美尔人- 轮子&风能的利用3.2 英国人- 以蒸汽机为代表的工业革命引言 文明…

LeetCode——根据二叉树创建字符串与二叉树的最近公共祖先

606. 根据二叉树创建字符串 给你二叉树的根节点 root ,请你采用前序遍历的方式,将二叉树转化为一个由括号和整数组成的字符串,返回构造出的字符串。 空节点使用一对空括号对 “()” 表示,转化后需要省略所有不影响字符串与原始二…

C#医院体检管理系统源码,PEIS源码,C/S结构 oracle数据库

PEIS体检管理系统源码,医院体检系统源码PEIS源码,商业级源码 本套PEIS医院体检管理系统源码采用C/S结构,前台开发工具为Vs2012,后台数据库采用oracle大型数据库。 核心功能有:体检档案的录入、体检报告的输出、体检档…