华为云上前后端分离部署实战解析

3小时前 • 华为云 • 阅读 1

随着互联网技术的发展，越来越多的企业开始采用前后端分离的架构进行项目开发。这种架构模式下，前端和后端可以并行开发，并且各自独立地进行测试与发布。本文将基于华为云平台，为大家详细介绍如何实现一个简单的前后端分离应用部署。

华为云上前后端分离部署实战解析

准备工作

在开始之前，请确保您已经注册了华为云账号，并完成了实名认证。接着，在控制台上创建一个新的ECS实例作为后端服务器；同时选择合适的对象存储服务来托管您的静态资源文件（即前端页面）。还需要配置域名以及对应的HTTPS证书以保证网站的安全访问。

环境搭建

对于后端部分，我们可以使用Node.js+Express框架快速构建RESTful API接口。首先通过SSH登录到刚刚创建好的ECS实例中，然后安装Node.js及其相关依赖包：

“`
sudo apt update
curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash –
sudo apt install -y nodejs
“`

接着新建一个名为`api`的目录并在其中初始化npm项目：

“`
mkdir api
cd api
npm init -y
npm install express body-parser cors
“`

接下来编写简单的API代码保存为`index.js`:

“`javascript
const express = require(‘express’);
const bodyParser = require(‘body-parser’);
const cors = require(‘cors’);
const app = express();
app.use(bodyParser.json());
app.use(cors());
app.get(‘/data’, (req, res) => {
res.json({ message: ‘Hello from backend!’ });
});
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => console.log(`Server is running on port ${PORT}`));
“`

为了使应用能够在系统启动时自动运行，我们还可以为其设置systemd服务。创建文件`/etc/systemd/system/api.service`并添加如下内容：

“`
[Unit]
Description=Node.js Express API
[Service]
ExecStart=/usr/bin/node /home/ubuntu/api/index.js
Restart=always
User=ubuntu
Environment=NODE_ENV=production
[Install]
WantedBy=multi-user.target
“`

启用并启动该服务：

“`
sudo systemctl enable api
sudo systemctl start api
“`