华为云服务器+前后端分离项目部署-上

随笔3个月前发布 我不姓余
32 0 0

 

这一期教程中,我们需要在华为云耀云服务器L实例上部署前后端分离的应用项目,前后端分离项目是一种常见的软件开发架构,它将前端和后端开发分离,使开发团队可以独立开发和维护两者,同时通过API或其他通信方式进行交互。这种架构的主要优点包括更好的团队协作、灵活性、可维护性和可扩展性。以下是前后端分离项目的一些关键概念和步骤:

1. 前端(Frontend):

   – 前端是用户与应用程序交互的界面部分,通常是一个Web应用、移动应用或桌面应用。

   – 前端开发人员使用HTML、CSS和JavaScript等技术来创建用户界面和用户体验。

   – 前端应用通过HTTP请求与后端API通信,获取数据和执行操作。

2. 后端(Backend):

   – 后端是应用程序的服务器端部分,负责处理业务逻辑、数据存储和安全性。

   – 后端开发人员使用不同的编程语言和框架来构建API和服务器。

   – 后端提供API供前端应用程序访问和操作数据。

3. API(Application Programming Interface):

   – API是前后端分离项目的核心,它定义了前端应用程序与后端服务器之间的通信规则和数据格式。

   – RESTful API和GraphQL是常见的API设计风格,用于支持前端与后端之间的数据交换。

4. 数据库:

   – 后端通常使用数据库来存储和管理数据。常见的数据库类型包括关系型数据库(如MySQL、PostgreSQL)和NoSQL数据库(如MongoDB)。

   – 后端开发人员负责与数据库交互,执行CRUD操作(创建、读取、更新、删除)以支持前端应用。

5. 前后端协作:

   – 前端和后端团队之间需要密切合作,以确保API的设计符合前端需求,并且后端提供的数据和功能满足前端应用的要求。

   – 使用版本控制系统(如Git)来管理前端和后端代码,确保团队协作和版本管理的顺畅进行。

6. 部署和运维:

   – 前后端分离项目的部署通常需要考虑前端应用的静态文件托管(如CDN)以及后端服务器的托管和伸缩性。

   – 运维团队负责监控、维护和升级服务器,确保应用的稳定性和安全性。

7. 安全性:

   – 前后端分离项目需要关注安全性,包括数据传输的加密、身份验证和授权、输入验证以及防止常见的Web攻击,如跨站脚本(XSS)和跨站请求伪造(CSRF)。

总之,前后端分离项目是一种灵活的开发架构,可以更好地支持大型和复杂的应用程序,同时允许前端和后端团队专注于各自的领域。但要确保良好的沟通和协作,以保证项目的成功实施。

 

接下来,我们需要下载一个前后端分离的项目来进行相关的操作。首先,我们登录华为云控制台查看几个关键的地方。

华为云服务器+前后端分离项目部署-上

获取云服务的ip地址,这个是服务器后面访问的地址。

华为云服务器+前后端分离项目部署-上

配置好华为云耀云服务器L实例的安全组信息,保证我们的服务器能够正常的访问,然后我们使用数据库管理软件来管理华为云的数据库,这里面使用navicat为例,将云服务器的mysql部署成功。

华为云服务器+前后端分离项目部署-上

在华为云耀云服务器L实例上新建一个测试数据库,然后开始部署我们的前后端分离系统,这里以若依前后端分离管理系统为例,部署系统。下载地址https://gitee.com/y_project/RuoYi-Vue

华为云服务器+前后端分离项目部署-上

查看目录接口,图中红框标注的地方为项目的前端部分,其他部分为后端部分。接下来我们首先运行系统的后端部分,使用idea打开项目。

首先将数据库导入到服务器上,

华为云服务器+前后端分离项目部署-上

华为云服务器+前后端分离项目部署-上

两个sql文件,导入成功后,看一下数据库的表格是否导入成功。

华为云服务器+前后端分离项目部署-上

查看华为云云数据库中,可以看到后端需要的数据库表已经导入到了云服务器上。

然后,需要将云服务器上的数据库配置到后端的代码中。

华为云服务器+前后端分离项目部署-上

在这个文件中,我们配置好云服务的数据库,地址和数据库名为我们之前在云服务器上设置的数据库。

 

华为云服务器+前后端分离项目部署-上

配置好之后,点击idea的运行,来运行后端的项目。

华为云服务器+前后端分离项目部署-上

运行之后发现报错,原因是redis没有启动,如果本地环境下没有redis环境,需要进行安装一下,如果安装了则需要启动一下。

现在需要在本地安装redis,然后启动,这里我们用的是mac环境下来进行安装,windows可以去看看其他的安装教程。

下载redis安装包:https://redis.io/download/

这里选择6.2版本下载(经测试5.0版本的安装会有报错)

华为云服务器+前后端分离项目部署-上

华为云服务器+前后端分离项目部署-上

进入该安装包后,进入终端,测试编译指令。

华为云服务器+前后端分离项目部署-上

测试通过后,输入指令安装。

华为云服务器+前后端分离项目部署-上

输入指令启动redis,可以看图,启动成功。

华为云服务器+前后端分离项目部署-上

再次启动后端服务,查看后端服务是否启动成功。

华为云服务器+前后端分离项目部署-上

可以发现后端启动成功,服务ok。

 

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...