当前位置: 首页 > news >正文

华为云征文|基于Flexus云服务器X实例的应用场景-部署脚手架开源项目若依

🔴大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂


先看这里

    • 写在前面
    • **Flexus X实例**的云服务器简介
    • 环境准备
    • 若依项目拉取
      • 导入数据库
      • 启动本地项目(后端)
      • 启动本地项目(前端)
      • 打包后端
      • 打包前端
      • 服务器中启动后端项目

写在前面

今天,手里拿到了一台华为云的Flexus X实例的云服务器,想着总得干点什么吧。这不正好,前端时间公司的项目基于开源版本的若依去开发的,当时部署上线的时候,还是我去搞的!

今天,正好利用手里的这台Flexus X实例的云服务器给大家结合实际的场景,介绍一下如果部署上线,以及我们需要注意的事项有哪些。

Flexus X实例的云服务器简介

这款服务器是华为云专门针对云计算方向推出的,性能方面,我之前在其他文章中进行评测过,我手里的这台配置是4核12G3M,100G硬盘的,经过简单的评测,发现性能还是蛮强悍的。

如果需要这款服务器具体的介绍,大家可以点击这里查看。
在这里插入图片描述

官方其实介绍的更加详细,我这边就不在赘诉了,下面我们直接结合应用场景来测测该服务器吧。

环境准备

在正式部署之前,我们需要再手里 的Flexus X实例云服务器中准备如下环境:

  1. 安装jdk 1.8
  2. 安装mysql数据库 8.0
  3. 安装nginx,用于代理转发

以上环境准备好后,我们就可以继续往下看啦。

若依项目拉取

我们今天部署的是若依前后端分离版的项目,所以我们需要先将项目拉取到本地,然后打包,上线部署即可。

作为开发人员,idea和git你肯定有,如果没有,可以百度搜索的安装一下,这里不在讲解。

开源版的前后端分离版项目地址:https://gitee.com/y_project/RuoYi-Vue ,打开链接就可以看到。

在这里插入图片描述
然后我们在本地将项目拉取下来,执行下面命令:

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

在这里插入图片描述

ok,现在已经将代码拉取下来了,下面我们打开本地的编辑器idea,打开我们刚刚拉取的项目。

在这里插入图片描述

导入数据库

我们找到路径:src/main/resources/application-druid.yml,查看一下数据库的配置信息,并且将其按照实际情况修改,比如修改一下数据库的地址,用户名,以及密码。

在这里插入图片描述

从配置文件中,我们可以发现,若依的数据库为:ry-vue,所以我们需要先创建一下这个数据库。

在这里插入图片描述

数据库已经创建好啦,下面我们找到官方自带的初始版本的sql文件导入进去。初始数据库的sql文件在这里:sql/ry_20240629.sql,按ctrl+a全选,然后复制到sqlyong工具中执行。

在这里插入图片描述

执行sql的过程稍微慢了点,稍微等等即可,当出现了如下图所示的日志信息,证明数据库导入成功啦。

283 queries executed, 283 success, 0 errors, 38 warnings查询:drop table if exists sys_dept共 0 行受到影响, 1 个警告执行耗时   : 0.020 sec
传送时间   : 1.004 sec
总耗时      : 1.025 sec注意:要查看所有警告的完整列表,请启用 工具 -> 首选项 -> 常规 -> 在信息选项卡下显示警告
--------------------------------------------------查询:create table sys_dept ( dept_id bigint(20) not null auto_increment comment '部门id', parent_id bigint(20) default 0 comment '箮.共 0 行受到影响, 3 个警告执行耗时   : 0.035 sec
传送时间   : 1.016 sec
总耗时      : 1.051 sec注意:要查看所有警告的完整列表,请启用 工具 -> 首选项 -> 常规 -> 在信息选项卡下显示警告
--------------------------------------------------查询:insert into sys_dept values(100, 0, '0', '若依科技', 0, '若依', '15888888888', 'ry@qq.com', '0', '0', 'admin', sysdate(), ...共 1 行受到影响执行耗时   : 0.022 sec
传送时间   : 0 sec
总耗时      : 0.022 sec

在这里插入图片描述

启动本地项目(后端)

其实这一步是多此一举的,之所以增加这一步就是为了测试一下数据库是否已经导入进去,后端能否启动,如果可以启动无异常,则表示数据库也没有问题,这一步就可以跳过了。

在这里插入图片描述
启动很简单,直接点击这个按钮即可。

在这里插入图片描述
果然,,还是出问题,从上面的错误信息中,我们可以看的出原因是redis没有连接上,下面我们就去修改一下yaml文件中redis的配置。

在这里插入图片描述

在这里,我们需要修改一下host地址,以及password密码即可,前提是你云服务器上的redis已经准备好了,可以允许公网连接(最好限制一下ip)

接下来我们继续启动,发现可以启动成功了。
在这里插入图片描述
非常好,后端已经done!!!

启动本地项目(前端)

后端启动成功后,下面我们再启动一下前端,前端需要先在终端安装一下以来,才可以启动,安装依赖的步骤如下:

  1. 点击idea下面的终端,进入:ruoyi-ui这个路径下面,输入:npm install
    在这里插入图片描述
  2. 还是在终端中输入命令,启动前端
npm run dev

在这里插入图片描述

然后就可以登录啦。

打包后端

下面我们来打包一下后端。

首先,点击Idea右侧的M这个图标,然后点击ruoyi–>生命周期–>双击clean。

在这里插入图片描述

然后继续双击package进行打包,等个十几秒,就打包完成啦。

在这里插入图片描述

后端打包完毕。

我们将ruoyi-admin这个模块下target里面的打包文件上传到服务器上,我这边上传到服务器的/home/project下面啦。

打包前端

接下来我们打包一下前端,直接在终端中执行命令:

npm run build:prod

打包完成后,将前端项目中的dist目录同样上传到服务器的/home/project目录下。

在这里插入图片描述
等待前端文件上传完毕。

服务器中启动后端项目

下面,我们就可以直接在服务器中将后端项目启动起来:

nohup java -jar /home/project/ruoyi-admin.jar &

等待启动完成,即可。

在这里插入图片描述
最后,我们对nginx进行配置一下,如果需要配置域名,则需要先将域名解析到Flexus X实例云服务器中,就可以通过域名来访问啦。

至此,本文over!!!

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • ECMAScript和JavaScript区别
  • Spring 源码解读:JavaConfig与XML配置的对比实现
  • 汉诺塔递归解决思路图解分析,python代码实现
  • OceanbaseV4模拟题解析
  • Spring Bean 作用域
  • Graylog配置用户权限以及常用搜索语法
  • HTML5 为什么只需要写 <!DOCTYPE HTML>
  • Sql查询优化--索引设计与sql优化(包含慢查询定位+explain解释计划+左匹配原则+索引失效)
  • [pytorch] --- pytorch基础之tensorboard使用
  • Vue 登录状态判断与跳转指南
  • 一.海量数据实时分析-Doris入门和安装
  • JMeter之上传文件同时带有参数
  • Python计算机视觉四章-照相机模型与增强现实
  • Spring Cloud全解析:网关之GateWay过滤器
  • RASA使用长文记录以及一些bug整理
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • 0x05 Python数据分析,Anaconda八斩刀
  • egg(89)--egg之redis的发布和订阅
  • Laravel核心解读--Facades
  • MySQL的数据类型
  • Node项目之评分系统(二)- 数据库设计
  • React的组件模式
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • vue学习系列(二)vue-cli
  • yii2权限控制rbac之rule详细讲解
  • 初识 webpack
  • 从输入URL到页面加载发生了什么
  • 对象管理器(defineProperty)学习笔记
  • 构造函数(constructor)与原型链(prototype)关系
  • 关于springcloud Gateway中的限流
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 排序算法学习笔记
  • 提升用户体验的利器——使用Vue-Occupy实现占位效果
  • 项目管理碎碎念系列之一:干系人管理
  • 责任链模式的两种实现
  • 最近的计划
  • 浅谈sql中的in与not in,exists与not exists的区别
  • 数据库巡检项
  • ​zookeeper集群配置与启动
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • # 数论-逆元
  • $(selector).each()和$.each()的区别
  • (¥1011)-(一千零一拾一元整)输出
  • (10)ATF MMU转换表
  • (3)(3.5) 遥测无线电区域条例
  • (42)STM32——LCD显示屏实验笔记
  • (c语言)strcpy函数用法
  • (Mac上)使用Python进行matplotlib 画图时,中文显示不出来
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (回溯) LeetCode 78. 子集
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (算法)Travel Information Center