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

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

地址: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、部署后端部分

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

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

在/root目录下使用命令

mkdir -p /java/docker-filesto

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

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

在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查看创建的镜像!!!

最后创建容器运行:

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

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

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

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文件!!!

启动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+端口

登录!!!!!

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

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

docker+nginx+redis部署前后端分离项目!!!的更多相关文章

  1. 海纳百川无所不容,Win10环境下使用Docker容器式部署前后端分离项目Django+Vue.js

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_179 随着现代化产品研发的不断推进,我们会发现,几乎每个产品线都会包含功能各异的服务,而且服务与服务之间存在也会存在着错综复杂的依 ...

  2. 使用 Nginx 部署前后端分离项目,解决跨域问题

    前后端分离这个问题其实松哥和大家聊过很多了,上周松哥把自己的两个开源项目部署在服务器上以帮助大家可以快速在线预览(喜大普奔,两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了 ...

  3. 【Docker】1、 前后端分离项目 下载启动运行

    人人开源前后端分离项目下载与配置 文章目录 人人开源前后端分离项目下载与配置 前后端分离框架介绍 后端项目下载与配置 1.renren-fast后台项目介绍 2.开发环境搭建 3.下载后端renren ...

  4. linux --- 部署前后端分离项目

    vue + uwsgi +nginx 部署前后端分离项目 准备项目 1.将前端vue项目包和后端django项目包上传服务器,通过lrzsz,直接从windows拖进linux中 2.解压缩操作 前端 ...

  5. centos7部署前后端分离项目的过程

    概述 本文主要讲解在安装了centos7的Linux主机中部署前后端分离项目的过程. 前端项目名为:vue_project:后端项目名为:django_project. 将这两个项目放在/opt/wh ...

  6. Docker环境下的前后端分离项目部署与运维

    本教程将从零开始部署一个前后端分离的开源项目,利用docker虚拟机的容器技术,采用分布式集群部署,将项目转换成为高性能.高负载.高可用的部署方案.包括了MySQL集群.Redis集群.负载均衡.双机 ...

  7. 在centos7.6上部署前后端分离项目Nginx反向代理vue.js2.6+Tornado5.1.1,使用supervisor统一管理服务

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_102 这一次使用vue.js+tornado的组合来部署前后端分离的web项目,vue.js不用说了,前端当红炸子鸡,泛用性非常广 ...

  8. vue+uwsgi+nginx部署前后端分离项目

    前后端分离,vue前端提供静态页面,且可以向后台发起get,post等restful请求. django后台提供数据支撑,返回json数据,返回给vue,进行数据页面渲染 后端 创建虚拟环境 解决dj ...

  9. nginx反向代理前后端分离项目(后端多台)

    目前软件架构都比较流行前后端分离,前后端的分离也实现了前后端架构的分离,带来的好处 —— 整个项目的开发权重往前移,实现真正的前后端解耦,动态资源和静态资源分离,提高了性能和扩展性. 通常Spring ...

随机推荐

  1. c的free 为什么不需要知道大小

    malloc malloc函数在运行时分配内存.它需要以字节为单位的大小并在内存中分配那么多空间.这意味着malloc(50)将在内存中分配50个字节.它返回一个void指针 calloc 与mall ...

  2. Linux中一切皆文件

    谈一谈Linux中一切皆文件 1. Linux中所有内容都是以文件的形式保存和管理,即:一切皆文件. 普通文件是文件. 目录(在win下称为文件夹)是文件. 硬件设备(键盘.硬盘.打印机)是文件. 套 ...

  3. 以太网EMC(浪涌)中心抽头方案(节约空间)

  4. EDM响应式邮件框架:MJML

    概述 新课题研究:响应式邮件框架MJML(MJML官网:https://mjml.io/)姐妹篇: EDM响应式邮件框架:Formerly Ink 介绍 MJML是一种标记语言,设计用于轻松实现一个响 ...

  5. 破界!Omi生态omi-mp发布,用小程序开发生成Web

    omi-mp 是什么 Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架,基于 Web Components,用来开发 PC.手机浏览器或者微信.手Q webview ...

  6. SpringCloud微服务治理技术入门(SCN)

    1.集群.分布式.微服务 首先先理解三个感念 什么是集群?: 同一个业务,部署在多个服务器上,目的是实现高可用,保证节点可用! 什么是分布式?: 一个业务分拆成多个子业务,部署在不同的服务器上,每个子 ...

  7. Python使用递归绘制谢尔宾斯基三角形

    谢尔宾斯基三角形使用了三路递归算法,从一个大三角形开始,通过连接每一个边的中点,将大三角型分为四个三角形,然后忽略中间的三角形,依次对其余三个三角形执行上述操作. 运行效果: 源代码: 1 impor ...

  8. 实现call、apply 及 bind 函数

    今日学习内容: (1)call 函数的实现步骤: 判断调用对象是否为函数,即使是定义在函数的原型上的,但是可能出现使用 call 等方式调用的情况. 判断传入上下文对象是否存在,如果不存在,则设置为 ...

  9. OpenHarmony 3.1 Beta版本关键特性解析——HAP包安装实现剖析

    ​(以下内容来自开发者分享,不代表 OpenHarmony 项目群工作委员会观点)​ 石磊 随着社会的不断发展,人们逐渐注重更加高效.舒适.便捷.有趣的生活和工作体验. OpenAtom OpenHa ...

  10. 在边缘计算场景中使用Dapr

    Dapr 是分布式应用程序可移植.事件驱动的运行时, 这里有几个关键字,我们拆开来看一下: 分布式: 代表共享或是分散,在云原生应用上体现为微服务,在边缘计算场景中代表分散的模块,可以做积木式拼接. ...