发布于2023-05-20 21:30 阅读(1086) 评论(0) 点赞(23) 收藏(3)
前台服务模块sangeng-blog->7777,后台服务模块sangeng-admin->8989,公共模块sangeng-framework
前端前台Vue项目:sg-blog-vue->8093
前端后台Vue项目:sg-vue-admin->8094
docker所需镜像:
java:8(jdk1.8)
mysql:8.0.19
redis:6.0.8
nginx:1.18.0
部署步骤:
使用工具:
修改后端项目的application.yaml文件,将MySQL服务和Redis服务的localhost修改为服务器ip
前台Vue项目修改项目运行端口是在config
文件夹下的index.js
文件当中,运行端口由原来的80变为8093
后台Vue项目修改项目运行端口是在vue.config.js
文件当中,运行端口由原来的8081变为8094
使用快捷键ctrl+shift+R
全局搜索,将原来的localhost
更改为对应的服务器ip
前台Vue项目
将原来的开发环境和生产环境的VUE_APP_BASE_API
都更改为你的服务器ip和后端子模块端口
打包后在target目录下生成对应模块的jar包
打包出现的问题:我在打包完成后查看jar包,发现只有16kb,然后试在本地运行jar包测试,果然有错误,报错信息是:xxxxx-0.0.1-SNAPSHOT.jar中没有主清单属性
,原因是不能找到程序的主类,需要修改父pom文件和子模块sangeng-blog
的pom文件和子模块sangeng-admin
的pom文件,修改如下:
这是要使用的SpringBoot版本要在2.6以上,我的为2.6.11
<build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <version>3.10.1</version> </plugin> <!-- 此插件必须放在父 POM 中 --> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-assembly-plugin</artifactId> <version>3.3.0</version> <executions> <!-- 执行本插件的方法为,在主目录下执行如下命令: mvn package assembly:single 对于 IntelliJ IDEA,生成的 JAR 包位于每个模块下的文件夹 target --> <execution> <id>make-assembly</id> <phase>package</phase> <goals> <!-- 此处 IntelliJ IDEA 可能会报红,这是正常现象 --> <goal>single</goal> </goals> </execution> </executions> <configuration> <archive> <manifest> <!-- 配置程序运行入口所在的类 --> <mainClass>com.xha.SanGengBlogApplication</mainClass> </manifest> <manifest> <!-- 配置程序运行入口所在的类 --> <mainClass>com.xha.SanGengAdminApplication</mainClass> </manifest> </archive> <!-- 设置 JAR 包输出目录 --> <outputDirectory>${project.build.directory}/#maven-assembly-plugin</outputDirectory> <!-- 设置打包后的 JAR 包的目录结构为默认 --> <descriptorRefs> <descriptorRef>jar-with-dependencies</descriptorRef> </descriptorRefs> </configuration> </plugin> </plugins> </build>
sangeng-blog
和子模块sangeng-admin
的pom文件<build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <executions> <execution> <goals> <goal>repackage</goal> </goals> </execution> </executions> </plugin> </plugins> <finalName>${project.artifactId}</finalName> </build>
在这之前首先修改配置文件中的mysql和redis服务ip地址
在父pom下首先clean清除先前的jar包,再install打包.(单模块项目首先clean清除先前的jar包,再package打包)
sangeng-blog模块
sangeng-admin模块
进入target目录下,在文件搜索框输入cmd进入Dos窗口,使用命令运行jar包
java -jar jar包
若未报错则jar包没有问题
npm run build
注意:因为后端使用的是Finclip提供的模板,所以生产环境使用的是npm run build:prod
,如果你没有使用提供的模板,就直接使用npm run build
命令。
npm run build:prod
set NODE_OPTIONS=--openssl-legacy-provider
下面这一步可以先忽略,因为我是后端部署完成之后再在本地测试前端项目的
/login
和/dashborad
由于添加的Route有些多,所以可以直接在Gitee中克隆我的后台项目,项目地址:
https://gitee.com/xu-huaiang/sg-vue-admin
或者GitHub克隆,项目地址
https://github.com/sunwebgo/sg-vue-admin
firewall-cmd --zone=public --add-port=80/tcp --permanent
firewall-cmd --zone=public --add-port=7777/tcp --permanent
firewall-cmd --zone=public --add-port=8989/tcp --permanent
firewall-cmd --zone=public --add-port=6379/tcp --permanent
firewall-cmd --zone=public --add-port=3306/tcp --permanent
firewall-cmd --zone=public --add-port=8093/tcp --permanent
firewall-cmd --zone=public --add-port=8094/tcp --permanent
systemctl restart firewalld.service
firewall-cmd --zone=public --query-port=8093/tcp
在云服务器的安全组中添加规则
我这里是华为云ECS,添加的是入方向规则
Docker运行环境要求系统为64位、Linux系统内核版本为 3.8以上
查看自己虚拟机的内核:
cat /etc/redhat-release
开始安装:
一:搭建gcc环境(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
七:阿里云镜像加速配置
为了提高镜像的拉取、发布的速度,可以配置阿里云镜像加速
查看加速器地址
在CentOS下配置镜像加速器
mkdir -p /etc/docker
tee /etc/docker/daemon.json <<-'EOF'
{
"registry-mirrors": ["你个人的阿里云镜像加速器地址"]
}
EOF
systemctl daemon-reload
systemctl restart docker
docker pull java:8
docker pull mysql:8.0.19
docker pull redis:6.0.8
docker pull nginx:1.18.0
查看当前所有镜像:
我这里是在根目录下创建了一个mydata目录
这里我们两个jar包分别打成两个镜像,因为一个目录下只能有一个Dockerfile文件,所以当构建完第一个镜像之后修改对应的Dockerfile文件。
在vim模式下 :set paste
粘贴的文本数据不会乱
第一个Dockerfile文件
#基础镜像使用jdk1.8
FROM java:8
#作者
MAINTAINER xha
# 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
docker build -t sangeng_blog:1.0 .
#基础镜像使用jdk1.8
FROM java:8
#作者
MAINTAINER xha
# 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
docker build -t sangeng_admin:1.0 .
docker images
注意:如果是低版本的compose,docker
和compose
之间要有-
docker compose version
如果没有就安装docker-compose
如果是低版本的docker需要安装docker-compose
由于docker-compose是从github上安装的,有可能是安装失败,所以需要那啥,都懂的话
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
docker compose version
mkdir /app
# 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
在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:
docker compose config -q
docker compose up -d
查看正在运行的容器实例
注意:因为MySQL和Redis还未配置,会出现容器挂掉的情况,这点等待配置过MySql和Redis之后再重启容器实例即可
/app/mysql/db
目录下(和MySQL容器实例相同的容器数据卷位置) 本机Navicat导出sql文件,传送到/app/mysql/db
目录下
docker exec -it 容器ID bash
在/var/lib/mysql
目录下查看是否有sql文件
密码就是在docker-compose.yml文件当中进行配置的
use sg_blog;
source /var/lib/mysql/sg_blog.sql;
因为docker拉取的redis镜像是没有redis.conf文件的。
因此,就需要我们官网上找一个相对应版本的的redis.conf配置文件
redis配置文件官网Redis configuration | Redis
因为我的redis版本是6.0.8,所以我选择6.0.的配置文件
/app/redis
目录下不知为何docker-compose.yml文件写的没有问题,但是这里创建的redis.conf文件却是一个文件夹,无奈只好删除redis.conf目录,创建一个redis.conf文件
使用vim命令进入vim编辑器,将redis配置文件内容粘贴进去
touch redis.conf
vim redis.conf
在vim模式下 :set paste
粘贴的文本数据不会乱
使用/
进行搜索
docker restart 容器ID
测试通过
http{......}
中添加内容如下server { #监听端口 listen 8094; server_name localhost; #charset koi8-r; # # #access_log logs/host.access.log main; location / { #dist文件所在目录 root html/dist; index index.html index.htm; #解决刷新404的问题 try_files $uri $uri/ /index.html; } }
如果你的后台出现问题:
问题一:访问405,解决方案请看2.3章的第3步
问题二:页面只有/login
和/dashborad
请求,其他页面是空白,解决方案请看2.4章的第6步
如果没有问题,下面开始Nginx容器配置
/app/nginx/html
目录下 进入conf文件夹下,打开nginx.conf文件
在http{.......}
添加两个server
记得root路径为容器内的dist文件路径
server { listen 8093; 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 8094; 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; } }
访问对应ip和端口,查看项目是否有问题
前台
后台
原创不易,希望大家能给文章点个赞,再关注一下我。如果对你有帮助,可以小小的鼓励一下,有了你的鼓励,优质文章不断更新哦。
原文链接:https://blog.csdn.net/qq_52030824/article/details/127982206
作者:你莫说是我
链接:http://www.phpheidong.com/blog/article/546092/f6bbb35ccc97edba62d1/
来源:php黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 php黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-4
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!