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);
posted @ 2024-07-02 00:37  孤飞  阅读(18)  评论(0编辑  收藏  举报