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

本文涉及的产品
云原生内存数据库 Tair,内存型 2GB
云数据库 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
目录
相关文章
|
10月前
|
资源调度 关系型数据库 MySQL
若依框架部署从零开始2023版(前后端分离)
电脑最近重装了一次系统,目前什么都没有安装,记录一下从零开始部署前后端分离版本的若依框架系统先去官网把若依源码拉下来。
575 0
|
4月前
|
SQL 前端开发 NoSQL
【若依】前后端分离版快速上手
【若依】前后端分离版快速上手
175 1
|
2月前
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
1348 2
|
3月前
|
Web App开发 运维 前端开发
从0开始搭建一个前端项目的架子
从0开始搭建一个前端项目的架子
44 1
|
3月前
|
前端开发 Java 应用服务中间件
|
3月前
|
NoSQL Java 关系型数据库
若依后端项目如何进行部署
若依后端项目如何进行部署
|
3月前
|
XML 前端开发 Java
基于Springboot的web后端开发三层架构上手实操
基于Springboot的web后端开发三层架构上手实操
36 0
|
4月前
|
JavaScript 前端开发 C++
Javaweb之前端工程化的详细解析(2)
3.2.2.3 运行vue项目 那么vue项目开发好了,我们应该怎么运行vue项目呢?主要提供了2种方式 第一种方式:通过VS Code提供的图形化界面 ,如下图所示:(注意:NPM脚本窗口默认不显示,可以参考本节的最后调试出来)
71 0
|
4月前
|
存储 JavaScript 前端开发
Javaweb之前端工程化的详细解析(1)
3 前端工程化 3.1 前端工程化介绍 我们目前的前端开发中,当我们需要使用一些资源时,例如:vue.js,和axios.js文件,都是直接再工程中导入的,如下图所示:
74 0
|
4月前
|
前端开发 NoSQL Java
1、若依(前后端分离)框架的使用
1、若依(前后端分离)框架的使用
210 0