这一期教程中,我们需要在华为云耀云服务器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。