9

docker+nginx+redis部署前后端分离项目！！！ - psfjc

 1 year ago
source link: https://www.cnblogs.com/psfjc/p/16275075.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

介绍本文用的经典的前后端分离开源项目、项目的拉取这些在另一篇博客！！！

其中所需要的前后端打包本篇就不做操作了！！不明白的去看另一篇博客！！！

地址：http://www.cnblogs.com/psfjc/p/16268566.html

准备介绍就是这些，现在咋们着手开始部署

1、安装docker

Docker 分为 CE 和 EE 两大版本。CE 即社区版（免费，支持周期 7 个月），EE 即企业版强调安全，付费使用，支持周期 24 个月。

Docker CE 分为 `stable` `test` 和 `nightly` 三个更新频道。

官方网站上有各种环境下的 [安装指南](https://docs.docker.com/install/)，这里主要介绍 Docker CE 在 CentOS上的安装。

Docker CE 支持 64 位版本 CentOS 7，并且要求内核版本不低于 3.10， CentOS 7 满足最低内核的要求，所以我们在CentOS 7安装Docker。

注意：如果之前安装过旧版本docker、可以使用下面命令卸载！！！

yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-selinux \
                  docker-engine-selinux \
                  docker-engine \
                  docker-ce

安装docker、注意是否在联网下进行、安装yum工具！

yum install -y yum-utils \
           device-mapper-persistent-data \
           lvm2 --skip-broken

然后更新本地镜像源：

# 设置docker镜像源
yum-config-manager \
    --add-repo \
    https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
    
sed -i 's/download.docker.com/mirrors.aliyun.com\/docker-ce/g' /etc/yum.repos.d/docker-ce.repo

yum makecache fast

然后输入命令安装：

yum install -y docker-ce

docker-ce为社区免费版本。稍等片刻，docker即可安装成功。

2、启动docker

Docker应用需要用到各种端口，逐一去修改防火墙设置。非常麻烦，因此建议大家直接关闭防火墙！

启动docker前，一定要关闭防火墙后！！

启动docker前，一定要关闭防火墙后！！

启动docker前，一定要关闭防火墙后！！

# 关闭
systemctl stop firewalld
# 禁止开机启动防火墙
systemctl disable firewalld

通过命令启动docker：

systemctl start docker  # 启动docker服务

systemctl stop docker  # 停止docker服务

systemctl restart docker  # 重启docker服务

然后输入命令，可以查看docker版本：

docker -v

3、部署后端部分

前后端部署的项目打包其中需要修改一些配置、其中后端包括mysql,redis,log日志路径修改

前端配置文件转发路径的修改！！！请看另外一篇博客！！！

先拉取项目所需要的java环境镜像！！

直接运行命令：docker pull java:8

在/root目录下使用命令

mkdir -p /java/docker-filesto

创建完成后，我们把提前打包好的jar包放在docker-filesto目录下

并在此目录下创建文件springboot_dockerfile！！！

2320749-20220515221357168-605173324.png

 在springboot_dockerfile文件中加入相关配置！

这里可以借助第三方工具创建，也可以利用vim！！！

FROM java:8
#定义父镜像
MAINTAINER chao<FENGJIANCHAO>
#定义作者信息
ADD ruoyi-admin.jar ruoyi.jar
#将jar包添加到容器中、其中ruoyi-admin.jar为打好的jar包、ruoyi.jar
为改的名字
CMD java -jar ruoyi.jar
#定义容器启动执行的命令

执行命令创建镜像注意‘.’不能省略

docker build -f ./springboot_dockerfile -t ruoyi .

通过dockerfile构建镜像：docker bulid-f dockerfile文件路径 -t 镜像名称版本

使用命令docker images查看创建的镜像！！！

2320749-20220515223726516-821552280.png

最后创建容器运行：

docker run -id -p8080:8080 --name=ruoyi ruoyi

docker rum -id -p 8080:8080 --name=名字 所依赖的镜像名称：版本(最新版不用加) -p后是宿主机与容器的端口映射

浏览器访问ip+端口、后端部署成功！！！

2320749-20220515223726406-1076154098.png

4、部署前端部分

1、安装nginx

拉取nginx官方镜像，这里默认拉取的是最新版本镜像：latest

拉取命令：

docker pull nginx

创建容器、设置端口映射！！！

在/root目录下使用命令

mkdir -p /myvue/nginx/conf

进入conf目录下、创建需要映射的配置文件nginx.conf

vim nginx.conf

在配置文件中加入如下配置！！！

worker_processes  1;

events {
    worker_connections  1024;
}
#http块
http {
 #http全局块
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
  #server块
    server {
   #server全局块
        listen       80;#监听端口
        server_name  192.168.44.128#监听地址，填自己服务器ip  
        charset utf-8;
#location块很重要！！！！
    location / {
        root  /usr/share/nginx/html/dist;#前端资源路径
        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://192.168.44.128:8080/;#后端转发地址，你的服务器ip+端口
        }

        error_page   500 502 503 504  /50x.html;
            location = /50x.html {
               root   html;
        }
    }
    include /etc/nginx/conf.d/*.conf;
}

同理退回根目录：cd /

创建需要映射的网站文件目录

mkdir -p /myvue/nginx/html

创建成功，使用第三方工具把前端打包生成的整个dist文件放在html目录下。注意是整个dist文件！！！

2320749-20220515222803632-267322202.png

启动nginx 和映射文件

docker run -d -p 80:80 --name=Ruoyi \ 
-v /myvue/nginx/html:/usr/share/nginx/html \
-v /myvue/nginx/conf/nginx.conf:/etc/nginx/nginx.conf nginx

-p 80:80：将容器的 80端口映射到宿主机的 80 端口。
-v将主机当前目录下的 /myvue/nginx/html挂载到容器的 :/usr/share/nginx/html
-v将主机当前目录下的 /myvue/nginx/conf/nginx.conf挂载到容器的/etc/nginx/nginx.conf nginx
配置目录

查看容器启动情况：

docker ps -a

Up代表启动成功此时浏览器访问ip+端口

登录！！！！！

2320749-20220515223727045-1906978381.png

2320749-20220515223726590-505240453.png

项目搭建就成功了！！！！！

本文仅用于学习、如有错误请纠正！！！！！

__EOF__


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK