若依前后端分离项目docker部署

这篇具有很好参考价值的文章主要介绍了若依前后端分离项目docker部署。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

若依前后端分离项目部署

1.环境准备

1.centos 7

2.docker

3.mysql5.x 8.x

4.redis

5.nginx

2.拉取代码

前往Gitee下载页面(https://gitee.com/y_project/RuoYi-Vue (opens new window))下载解压到工作目录

3.本地运行系统

3.1 后端

1.下载代码到本地后,解压完成,用idea打开项目
若依前后端分离项目docker部署
2.创建数据库:ry-vue
若依前后端分离项目docker部署
3.在创建好数据库后,运行以下两个sql文件生成数据表(quartz.sql、ry_20220814.sql)
若依前后端分离项目docker部署

4.更改数据库配置

若依前后端分离项目docker部署

5.更改redis配置

若依前后端分离项目docker部署

6.启动项目成功就OK了

若依前后端分离项目docker部署

若依前后端分离项目docker部署

7.打包

若依前后端分离项目docker部署

双击package.bat,项目就自己进行打包了,jar存放位置如下图:

若依前后端分离项目docker部署

3.2 前端

运行启动

1.从git下载下来的代码包含后端、前端一起,前端项目名:ruoyi-ui

若依前后端分离项目docker部署

2.使用开发工具打开项目(我这里使用的是vs code)

若依前后端分离项目docker部署

3.使用命令安装工程所需要的依赖

# 1.进入项目目录
cd ruoyi-ui
# 2.安装依赖 (可以使用npm install 但是网络不好时会很慢,所以直接指定源下载)
npm install --registry=https://registry.npmmirror.com
# 3.启动工程
npm run dev

若依前后端分离项目docker部署

4.访问:http://localhost:80/,并且正常进行登录系统,说明本地服务启动成功!

若依前后端分离项目docker部署

打包

npm run build:prod

若依前后端分离项目docker部署

构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js***.cssindex.html 等静态文件。

若依前后端分离项目docker部署

4.云部署

4.1 在linux上安装docker

由于我已经安装过docker了,所以不太方便从头安装,推荐如下博客,自己也可以百度

参考csdn:https://blog.csdn.net/m0_59196543/article/details/124749175

4.2 在docker中创建mysql容器

参考:https://blog.csdn.net/mengxiang0320/article/details/126368785?spm=1001.2014.3001.5501

4.3 在docker中创建redis容器

# 1.搜索redis镜像
docker search redis
# 2.下载镜像
docker pull redis 
# 启动容器
docker run -d -p 6379:6379 --name redis-01 redis

4.4 在docker中创建nginx容器

1.拉取镜像

docker pull nginx

2.创建本地文件夹(与nginx容器做卷挂载)

若依前后端分离项目docker部署

3.启动nginx容器

docker run -d -p 80:80 --name rynginx \
-v /mydata/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/log:/var/log/nginx \
nginx

4.把前端工程打包好的dist文件夹拷贝到/mydata/nginx/html目录下

若依前后端分离项目docker部署

5.编辑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  xxx.xxx.xxx.xxx # 你的IP地址
		charset utf-8;

	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://xxx.xxx.xxx.xxx:8080/; # 你的IP地址
		}

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

这样,nginx就配置OK了!

4.5在docker中使用Dockerfile创建镜像

1.新建Dockerfile文件

FROM java:8
VOLUME /tmp
ADD *.jar /app.jar
EXPOSE 8080

RUN sh -c 'touch /app.jar'
ENV JAVA_OPTS=""
ENTRYPOINT [ "sh", "-c", "java $JAVA_OPTS -Djava.security.egd=file:/dev/./urandom -jar /app.jar" ]

2.创建一个文件夹docker,把后端打包好的jar包和Dockerfile文件拷贝到该目录中

若依前后端分离项目docker部署

3.创建镜像

docker build -t ruo-yi-admin . # 注意后面有个 .

若依前后端分离项目docker部署

4.6 使用自己的镜像启动容器

1.启动容器

docker run -d -p 8080:8080 --name ruoyi-admin ruo-yi-admin
# 使用 docker ps -a 查看容器是否正常运行

2.访问路径=> ip地址:80

若依前后端分离项目docker部署

出现登录界面,并且能正常登录,说明我们的项目就部署成功了!文章来源地址https://www.toymoban.com/news/detail-448665.html

到了这里,关于若依前后端分离项目docker部署的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 若依RuoYi-Vue项目部署(前后端分离版本)

    RuoYi 是一个后台管理系统,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf)主要目的让开发者注重专注业务,降低技术难度,从而节省人力成本,缩短项目周期,提高软件安全质量。 若依是作者给女儿取的名字(寓意:你若不离不弃,我必生死相依) 在线体验 若

    2023年04月08日
    浏览(39)
  • Java——Linux使用Docker部署若依前后端分离版【保姆级教程】

    目录 一、项目规划与前置工作 1.1、docker所需镜像 1.2、使用工具  1.3、防火墙与安全组的配置  1.4、域名解析、备案、SSL证书的准备(可选) 二、Docker和镜像安装 2.1、Docker安装 2.1.1、检查环境 2.1.2、搭建gcc环境(gcc是编程语言译器) 2.1.3、安装需要的软件包 2.1.4、装镜像仓

    2024年02月02日
    浏览(57)
  • [ RuoYi ] 若依前后端分离 RuoYi-Vue 项目 war 包 Tomcat 项目部署

    Apache Tomcat® - Apache Tomcat 9 Software Downloads https://tomcat.apache.org/download-90.cgi Tomcat的主要特点和功能包括: ①Servlet和JSP容器:Tomcat作为一个Web服务器,可以解释执行Java Servlet和JSP代码,处理HTTP请求和响应,生成动态的Web页面。 ②独立性和易用性:Tomcat是一个独立的服务器,可以

    2024年02月07日
    浏览(48)
  • 若依(Ruoyi)前后端分离版项目部署到服务器(Linux环境)后,刷新页面报错:404 Not Found

    原文章: 若依(ruoyi)前后端分离版使用教程之若依后端部署阿里云服务器步骤(超详细)_蓝多多的小仓库的博客-CSDN博客 问题:         在若依项目部署服务器后,可以正常运行,但如果执行刷新页面操作,便会出现404 Not Found。 原因:         Nginx未正确配置。由

    2024年02月17日
    浏览(42)
  • 若依框架(前后端分离) 之IDEA中Maven后端打包

    Maven是一个跨平台的项目管理工具。作为Apache组织的一个颇为成功的开源项目,其主要服务于基于Java平台的项目创建,依赖管理和项目信息管理,是一个自动化构建工具。maven是Apache的顶级项目,解释为“专家,内行”,它是一个项目管理的工具,maven自身是纯java开发的(

    2024年02月09日
    浏览(41)
  • ruoyi若依前后端分离项目部署到服务器后,PUT DELETE请求403错误,GET POST请求正常

    后端打包方式war,部署到tomcat8, PUT DELETE请求报403错误,网上有三种说法 第一种是跨域请求问题 第二种是服务器没有放开了PUT DELETE请求,需要前端添加header ruoyi vue 自动生成代码PUT DELETE为http不安全方法,这个怎么解决安全问题 · Issue #I43AX6 · 若依/RuoYi-Vue - Gitee.com 用域名访问

    2024年01月17日
    浏览(40)
  • 全面解析若依框架(springboot-vue前后分离--后端部分)

    前端启动 后端启动 创建数据库ry-vue,导入ry_2021xxxx.sql,quartz.sql,加载好依赖直接启动。 后端技术 SpringBoot Spring Security JWT MyBatis Druid Fastjson 分页实现 导入导出 上传下载(框架使用的简单,不做讲解) 权限控制 事务管理(这里使用@Transactional,不做讲解,具体和Spring的8种事务

    2024年01月16日
    浏览(40)
  • 【Docker】安装Nginx容器并部署前后端分离项目

    🎉🎉欢迎来到我的CSDN主页!🎉🎉 🏅我是Java方文山,一个在CSDN分享笔记的博主。📚📚 🌟推荐给大家我的专栏《Docker实战》。🎯🎯 👉点击这里,就可以查看我的主页啦!👇👇 Java方文山的个人主页 🎁如果感觉还不错的话请给我点赞吧!🎁🎁 💖期待你的加入,一起

    2024年01月23日
    浏览(36)
  • k8s+docker部署前后端分离项目

    目录 环境准备 1、k8s集群 2、harbor远程仓库 部署前后端分离项目 生成vue镜像(所有子节点都需要操作) 1、将前端vue项目打包得到dist.zip 2、创建nginx的配置文件default.conf 3、创建Dockerfile文件 4、生成vue镜像 5、打标签 6、推到harbor仓库 7、查看生成的镜像 生成jar包镜像(所有子

    2023年04月08日
    浏览(28)
  • 【Docker】使用Docker安装Nginx及部署前后端分离项目应用

            Nginx是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。它是由 伊戈尔·赛索耶夫 为俄罗斯访问量第二的Rambler.ru站点开发的,公开版本1.19.6发布于2020年12月15日。其将源代码以类BSD许可证的形式发布,因它的稳定性、丰富的功能集、简单的配置

    2024年01月22日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包