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

114 阅读5分钟

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

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

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

e9fc376a415bd42d882496d2fbc74e3d_AgAACqYyBu9XSCzH599JaK5ujx1p2weh_w=3326&h=1788.png获取云服务的ip地址,这个是服务器后面访问的地址。

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

e429f70a67f1bb53cb25b4f8784896ec_AgAACqYyBu9XOhnIzp1HYJWyeAkb_Duq_w=808&h=394.png在华为云耀云服务器L实例上新建一个测试数据库,然后开始部署我们的前后端分离系统,这里以若依前后端分离管理系统为例,部署系统。下载地址gitee.com/y_project/R…

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

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

f773383769d0c1a903975824850b264c_AgAACqYyBu85pyv1Rp1DtrqaiXam-0Xb_w=1268&h=1006.png

4c353a2f41e00e0f72aa74340eb77af6_AgAACqYyBu_2H0w-HDBBhqsEynzHWbC-_w=1282&h=1018.png两个sql文件,导入成功后,看一下数据库的表格是否导入成功。

fa224fbb4fccf34f64a2aa631cfb203c_AgAACqYyBu-SuzubM0JFjot4-3qbq9vN_w=2658&h=1304.png查看华为云云数据库中,可以看到后端需要的数据库表已经导入到了云服务器上。

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

e9d72877207824c81e310ebeaaea878a_AgAACqYyBu9AhyHfRiZItLK-wJWsRFFu_w=718&h=976.png在这个文件中,我们配置好云服务的数据库,地址和数据库名为我们之前在云服务器上设置的数据库。

262284dccb5480165f60211707dda42a_AgAACqYyBu8f_L6ozopLtrIo386CgLjw_w=1726&h=662.png配置好之后,点击idea的运行,来运行后端的项目。

08ba1195ab32878ac767e7227e1db33a_AgAACqYyBu-Sq1__0stDLIo1q9wopBOG_w=1736&h=284.png运行之后发现报错,原因是redis没有启动,如果本地环境下没有redis环境,需要进行安装一下,如果安装了则需要启动一下。

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

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

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

de2ef89b2320710f2c35b38bb3b66072_AgAACqYyBu_6N0C9LahLPbQ5NwiTRYpn_w=2232&h=1246.png

ffaed248c2081889c34873b473b0aeb2_AgAACqYyBu-NSrDvutBGu44ldsYtmCWQ_w=690&h=164.png进入该安装包后,进入终端,测试编译指令。

257936677915cb5dbcd019225b1e1299_AgAACqYyBu9H6uvBkzlO07fIVnlTDJ___w=1140&h=882.png测试通过后,输入指令安装。

4b7954b0211e91b67cecc0fa13130fd6_AgAACqYyBu-6p2vD3MxKyqWpSfFiOVti_w=1140&h=882.png输入指令启动redis,可以看图,启动成功。

3a1e209f25ae0bd8e1e872cd1070c781_AgAACqYyBu99qsQd8xpO0rmbWs1_u1s2_w=1140&h=882.png再次启动后端服务,查看后端服务是否启动成功。

c82714f470d2c6d703a36b300e9d52d7_AgAACqYyBu8yOBYyfxZMdac6ABpZfkYG_w=3456&h=2158.png可以发现后端启动成功,服务ok。