若依框架---前后端分离项目部署实践

本文涉及的产品
Redis 开源版,标准版 2GB
推荐场景:
搭建游戏排行榜
云数据库 Tair(兼容Redis),内存型 2GB
简介: 若依框架---前后端分离项目部署实践

一、环境准备


系统:centos7(可以买ECS或本地安装虚拟机)


安装:git、jdk、maven、npm、mysql、redis、nginx


具体安装方式详见codesheep出品的pdf文档点击下载提取码:gogo,当然,有些也可以用docker的方式安装,此处不赘述。 文档中没有提到安装包的获取方式,部分整理如下:



注:以下命令是默认在此步骤需要安装的都已正常安装并成功启动的前提下执行,安装路径默认与文档一致,如实际安装路径与文档不一致,请根据自己情况灵活变通。


二、部署流程


1.clone若依前后端分离项目

git clone https://gitee.com/y_project/RuoYi-Vue.git


2.安装前后端依赖

#后端
mvn install
#前端
cd ruoyi-ui/
npm install  --registry=https://registry.npm.taobao.org


3.修改配置


修改ruoyi-admin/src/main/resources/application-druid.yml内的mysql的账号密码和ip端口

修改ruoyi-admin/src/main/resources/application.yml内的redis的ip端口和密码和安装配置的一致即可


4.打包

#后端
mvn package
#前端
cd ruoyi-ui/
npm run build:prod


5.启动

#后端
cd ruoyi-admin/target
nohup java -jar ruoyi-admin.jar &
#前端启动方式一(调试时用,正式部署不推荐)
cd ruoyi-ui/
npm run dev
#前端启动方式二(使用步骤4打包生成的dist目录配置nginx,网页访问速度会有质的变化)
vim /usr/local/nginx/conf/nginx.conf
----------------
#第一行放开,改成如下
user root;
#其他位置修改如下
server {
        listen       80;#80为http默认端口,可以直接访问ip直达项目
        server_name  ?.?.?.?;#?处填写实际的ip地址或域名(ECS的话填公网ip)
        location / {
            root   /?/RuoYi-Vue/ruoyi-ui/dist;#?处填写实际的项目打包路径
            index  index.html;#在root对应目录下找index对应文件
            try_files $uri $uri/ /index.html;#重要,不配置此项,直接访问页面路径会让nginx误认为去dist目录找静态资源,而非去找打包好的页面路径
        }
        location  /prod-api/  {#配置后端路由,prod-api是代码定的
            proxy_set_header Host $proxy_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://?.?.?.?:8080/;#?处填写后台代理地址,8080为后端代码指定的端口
        }
-----------------
#检查nginx语法问题,若提示successful,则进行下一步,否则排查一下具体问题
/usr/local/nginx/sbin/nginx -t
#重置nginx配置,使其生效
/usr/local/nginx/sbin/nginx -s reload


6.访问项目


如使用ECS部署,请确保安全组进出端口配置80,8080都已开启并使用公网ip访问


直接在浏览器输入nginx配置的ip或域名,大功告成!

相关实践学习
基于Redis实现在线游戏积分排行榜
本场景将介绍如何基于Redis数据库实现在线游戏中的游戏玩家积分排行榜功能。
云数据库 Redis 版使用教程
云数据库Redis版是兼容Redis协议标准的、提供持久化的内存数据库服务,基于高可靠双机热备架构及可无缝扩展的集群架构,满足高读写性能场景及容量需弹性变配的业务需求。 产品详情:https://www.aliyun.com/product/kvstore     ------------------------------------------------------------------------- 阿里云数据库体验:数据库上云实战 开发者云会免费提供一台带自建MySQL的源数据库 ECS 实例和一台目标数据库 RDS实例。跟着指引,您可以一步步实现将ECS自建数据库迁移到目标数据库RDS。 点击下方链接,领取免费ECS&RDS资源,30分钟完成数据库上云实战!https://developer.aliyun.com/adc/scenario/51eefbd1894e42f6bb9acacadd3f9121?spm=a2c6h.13788135.J_3257954370.9.4ba85f24utseFl
目录
打赏
0
1
0
0
57
分享
相关文章
若依框架部署从零开始2023版(前后端分离)
电脑最近重装了一次系统,目前什么都没有安装,记录一下从零开始部署前后端分离版本的若依框架系统先去官网把若依源码拉下来。
942 0
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
7171 6
从0开始搭建一个前端项目的架子
从0开始搭建一个前端项目的架子
96 1
基于Springboot的web后端开发三层架构上手实操
基于Springboot的web后端开发三层架构上手实操
94 0
【超详细】RuoYi 前后端分离版部署流程
部署前端(前端访问域名,跳转域名修改)、后端配置(配置文件),Nginx 配置文件详解,上传后部署需要的脚本。
3735 1
1、若依(前后端分离)框架的使用
1、若依(前后端分离)框架的使用
655 0
若依框架---脚手架讲解
若依框架---脚手架讲解
226 0
一张思维导图带你学会SpringBoot、Vue前后端分离项目线上部署(二)
一张思维导图带你学会SpringBoot、Vue前后端分离项目线上部署
152 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等