Express使用教程(二)

创建新项目

bash 复制代码
# 创建项目目录
mkdir my-express-app
cd my-express-app
# 初始化npm项目
npm init -y
# 安装Express
npm intall express

使用Express生成器(可选)

bash 复制代码
# 全局安装Express生成器
npm install -q express-generator
# 创建项目
express --view=ejs my-app
cd my-app
npm install

创建Express应用

创建"Hello World"应用:

javascript 复制代码
# app.js
const express = require('express');
const app = express();
const port = 3000;
# 定义路由
app.get('/',(req, res) => {
    res.send("Hello World!");
});
# 启动服务器
app.listen(port, () => {
    console.log('服务器正在 http://localhost:${port}');
});

运行应用

bash 复制代码
node app.js

访问 http://localhost:3000,将看到"Hello World"消息

路由基础

路由决定了应用程序如何响应客户端对特定端点的请求。

http方法

javascript 复制代码
// get请求
app.get('/users', (req, res) => {
    res.send('获取用户列表');
});
// post请求
app.post('/users', (req, res) => {
    res.send('创建新用户');
});
// put请求
app.put('/users/:id', (req, res) => {
    res.send('更新用户 ${req.params.id}');
});
// delete请求
app.delete('/users/:id', (req, res) => {
    res.send('删除用户 ${req.params.id}');
});

路由参数

javascript 复制代码
// 路径参数
app.get('/users/:id', (req, res) => {
    res.send('用户ID: ${userId}');
});
// 多个参数
app.get('/users/:userId/posts/:postId', (req, res) => {
    const { userId, postId } = req.params;
    res.json({ userId, postId });
});
// 查询参数
app.get('/search', (req, res) => {
    const { q, page, limit } = req.query;
    res.json({ query: }q, page, limit );
});

路由模式匹配

javascript 复制代码
//通配符
app.get('/ab*cd', (req, res) => {
    res.send('匹配 abcd, abxcd, abRANDOMcd 等');
});
//可选参数
app.get('/products/:id?', (req, res) => {
    if (req.params.id){
        res.send('匹配 abcd, abxcd, abRANDOMcd 等');
    } else {
        res.send('所有产品');
    }
});

中间件

应用级中间件

javascript 复制代码
//全局中间件
app.use((req, res, next) => {
    console.log('${new Date().toISOString()} - ${req.mathod} ${req.url}');
    next();
});
//特定路径的中间件
app.use('/api', (req, res, next) => {
    console.log('API请求');
    next();
});

内置中间件

javascript 复制代码
//解析json请求体
app.use(express.json());
//解析url编码的请求体
app.use(express.urlencoded({ entended: true }));
//提供静态文件服务
app.use(express.static('public'));

第三方中间件

bash 复制代码
# 安装常用中间件
npm install morgan cors helmet compression
javascript 复制代码
const morgan = require('morgan');
const cors = require('cors');
const helmet = require('helmet');
const compression = require('compression');
// 日志中间件
app.use(morgan('combined'));
// 启用cores
app.use(cores());
// 安全中间件
app.use(helmet());
// 压缩响应
app.use(compression());

错误处理中间件

javascript 复制代码
// 错误处理中间件必须有四个参数
app.use((err, req, res, next) => {
    console.error(err,stack);
    res.status(500).json({
        error: '服务器内部错误',
        message: err.message
    });
});
相关推荐
米码收割机2 天前
SA508-3钢回火焊道焊接温度场数值模拟(模拟图+论文)
spring boot·express·宠物
Pu_Nine_93 天前
Vue3+TS+Express 转 Nuxt4 全栈开发笔记(Drizzle ORM + MySQL)
前端·vue·express·nuxt.js·全栈框架
张人玉7 天前
基于 Vue 3 + ECharts + Express + SQLite 构—— LDA 模型的新闻舆论主题识别与情感分析系统
vue.js·echarts·express
张人玉9 天前
基于 Vue 3 + ECharts + Express + SQLite 的可视化大屏与业务管理系统——YOLOv8 高精度车辆行人检测与计数系统
数据库·vue.js·yolo·sqlite·echarts·express
张人玉10 天前
基于 Vue 3 + ECharts + Express + SQLite 构建的鞋类零售数据分析与毛利预测平台——基于深度学习的鞋类销售数据分析系统
vue.js·sqlite·echarts·express
张人玉14 天前
基于 Vue 3 + ECharts + Express + SQLite 的世界数据可视化大屏系统——世界态势数据可视化大屏
vue.js·echarts·express
张人玉15 天前
基于 Vue3 + ECharts + Express + SQLite 的智慧交通数据可视化系统——郑州交通数据可视化大屏
sqlite·echarts·express
张人玉18 天前
基于 Vue2 + ECharts + Express + SQLite 的南阳市专题数据可视化系统
sqlite·echarts·express
2301_7681034921 天前
HarmonyOS宠物邻里实战第16篇:寄养申请状态机、记录时间线与回归测试
mongodb·集成测试·express·harmonyos·状态机
万亿少女的梦1681 个月前
基于Node.js和Express的旅游信息管理平台设计与开发
mysql·node.js·express·系统设计·旅游信息管理