DApp设计与开发 课程笔记(五):Express.js后端
笔记对应课程内容为成都信息工程大学区块链产业学院老师梁培利的DApp 设计与开发 14-15 课
笔记中提到的名词不做过多解释 不懂就搜!
JavaScript 是一门全栈开发语言,它在前端可以使用诸如 Vite、React、Vue、Next.js 等框架来构建交互性强、用户界面友好的应用程序。而在后端,JavaScript 可以通过 Express.js 等框架来构建服务端应用,提供数据处理、业务逻辑和 API 接口等功能。
后端开发的主要任务是提供数据和功能支持,为前端和其他应用程序提供稳定、可靠的接口。
基础的 Express.js 后端教程
1. 准备工作
在开始之前,确保你已经安装了 Node.js 和 npm(Node 包管理器)。Express 是一个 Node.js 的框架,用于构建 Web 应用程序和 API。
2. 创建一个新的 Express 项目
首先,在命令行中创建一个新的目录,并进入该目录:
mkdir express-demo
cd express-demo
然后,初始化 npm 项目(如果尚未初始化):
npm init -y
3. 安装 Express
接下来,安装 Express 框架:
npm install express
4. 创建一个简单的 Express 应用
现在,创建一个 app.js
文件(或者任何你喜欢的名字),并编写以下代码:
// 引入 Express 框架
const express = require('express');
// 创建 Express 应用
const app = express();
// 定义一个简单的路由
app.get('/', (req, res) => {
res.send('Hello Express!');
});
// 监听端口并启动服务器
const port = 3000;
app.listen(port, () => {
console.log(`Server is running on http://localhost:${port}`);
});
5. 启动 Express 服务器
保存 app.js
文件后,使用以下命令启动 Express 服务器:
node app.js
现在,你的 Express 服务器应该已经在 http://localhost:3000
上运行。
6. 创建更多的路由和中间件
Express 允许你创建多个路由来处理不同的 HTTP 请求。例如,你可以添加以下路由来演示不同的功能:
// 处理 POST 请求的路由
app.post('/api/post', (req, res) => {
res.send('Received a POST request');
});
// 使用中间件处理请求
app.use(express.json()); // 解析 JSON 请求体
app.use(express.urlencoded({ extended: true })); // 解析 URL 编码的请求体
// 处理带有参数的路由
app.get('/api/user/:id', (req, res) => {
const userId = req.params.id;
res.send(`User ID: ${userId}`);
});
// 处理静态文件
app.use(express.static('public'));
// 处理404错误
app.use((req, res) => {
res.status(404).send('404 Not Found');
});
7. 使用中间件
Express 中间件是一个函数,可以访问请求对象 (req
)、响应对象 (res
) 和应用程序中的下一个中间件函数。中间件函数可以用来执行各种任务,例如身份验证、日志记录等。
// 自定义中间件示例
function logMiddleware(req, res, next) {
console.log(`Request received: ${req.method} ${req.url}`);
next();
}
// 应用中间件到所有路由
app.use(logMiddleware);