如何使用脚手架工具开始,快速搭建一个 Express 项目的基础架构

前言

将从如何使用脚手架工具开始,快速搭建一个 Express 项目的基础架构。接着,文章将详细讲解 Express 中间件的概念、分类以及如何有效地使用中间件来增强应用的功能和性能。最后,我们将讨论如何制定合理的接口规范,以确保 API 的一致性和可维护性。

一、下载express模版

  1. 根据创建的自定义bincli命令下载express模版代码
bincli create express-project

image.png

  1. 切换express-project项目,打开终端命令
cd express-project
npm install
  1. 查看package.json是否安装了nodemon,没有的话重安一下
npm i nodemon
  1. 运行项目
npm run dev

报错原因:运行Express 应用时遇到了一个 ReferenceError,具体来说是因为在 app.js 文件中使用了一个未定义的变量 router。

image.png

二、Express中间件与接口规范

1、启动项目

  • 修改app.js
const express = require("express");
const app = express();const PORT = process.env.PORT || 3000;function logs(req) {console.log(`${req.method},${req.url},${Date.now()}`);
}app.get("/", (req, res) => {logs(req);res.send("/home");
});
app.get("/register", (req, res) => {logs(req);res.send("register");
});
app.get("/login", (req, res) => {logs(req);res.send("/login");
});
app.listen(PORT, () => {console.log(`Server is running at http://localhost:${PORT}`);
});
  • 运行项目
npm run dev

image.png

  • 打开postman客服端,send发送请求查看

image.png

2、注册中间件函数。

app.use()是 Express 应用的一个方法,这里注册的中间件将应用于所有路由。其中(req, res, next) => { ... } 是一个箭头函数,它接受三个参数。

  • req:请求对象,包含了请求的所有信息,如请求方法、URL、请求头和请求体等。
  • res:响应对象,用于发送响应给客户端。
  • next:一个函数,调用它将请求传递给下一个中间件函数。如果不调用 next(),请求将停止处理。

修改app.js

const express = require("express");
const app = express();const PORT = process.env.PORT || 3000;
app.use((req, res, next) => {console.log(`${req.method},${req.url},${Date.now()}`);next();
});app.get("/", (req, res) => {res.send("/home");
});
app.get("/register", (req, res) => {res.send("register");
});
app.get("/login", (req, res) => {res.send("/login");
});
app.listen(PORT, () => {console.log(`Server is running at http://localhost:${PORT}`);
});

注意:在 Express 应用中,中间件的执行顺序非常重要,因为它决定了请求处理的流程。app.use() 方法用于注册中间件函数,这些函数会按照它们被注册的顺序依次执行。如果中间件没有正确放置,可能会导致请求不经过预期的中间件处理,从而影响应用的行为。

三、Express中间件分类

1、应用程序级别中间件

应用程序级别中间件是绑定到 Express 应用实例的中间件。它对所有路由和请求都有效。
使用场景:适用于全局的请求处理,如日志记录、身份验证等。

app.use(function (req, res, next) {// 执行中间件逻辑next();
});

2、路由级别中间件

路由级别中间件是绑定到特定路由的中间件。它只对特定路由的请求有效。
使用场景:适用于特定路由的请求处理,如特定路径的权限检查、数据预处理等

  • 修改app.js
app.get('/', function (req, res, next) {console.log(req.method);next();
}, function (req, res, next) {console.log('route')next();
});
  • 启动项目
npm run dev

image.png

  • 打开postman客户端,发送请求

image.png

image.png

3、错误处理中间件

错误处理中间件用于捕获和处理在中间件链中发生的错误。
使用场景:通常放在所有其他中间件之后,以便捕获所有未处理的错误。

app.use(function (err, req, res, next) {// 处理错误console.error(err.stack);res.status(500).send('服务器内部错误');
});

4、内置中间件

Express API 参考手册

Express 内置了一些中间件函数,用于处理常见的任务。

express.static:用于提供静态文件服务。
express.json():用于解析 JSON 格式的请求体。
express.urlencoded():用于解析 URL 编码格式的请求体。

  1. express.Router() 用于创建模块化的路由处理器
  • 修改 router/index.js
const express = require('express')
const router = express.Router()
router.get('/', (req, res, next) => {console.log(req.method);res.send('/home')
})router.get('/user', (req, res, next) => {console.log(req.method);res.send('/users')
})
module.exports = router
  • 修改app.js
const express = require("express");
const router = require('./router/index.js');
const app = express();
app.use(router);const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {console.log(`Server is running at http://localhost:${PORT}`);
});
  • 运行项目
npm run dev
  • 打开客户端postman

image.png

  1. 添加路由的路径前缀。
  • app.js
const express = require("express");
const router = require('./router/index.js');
const app = express();
// 任何以 'node' 开头的请求路径都会被这个路由处理器处理。
app.use('node', router);const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {console.log(`Server is running at http://localhost:${PORT}`);
});
  • 运行项目
npm run dev
  • 打开客户端postman

未添加node前缀显示请求错误

image.png

添加node前缀后

image.png

  1. 404 错误处理中间件,当请求的路径没有匹配到任何定义的路由时,这个中间件会被调用,通常放在所有路由定义之后,确保它是最后一个中间件。
app.use((req, res, next) => {res.status(404).send('404 Not Found')
});
  1. 500 错误处理中间件,用于捕获和处理在应用中发生的错误,在所有其他中间件之后。
app.use((err, req, res, next) => {console.log(err);res.status(500).send('Service Error')
});

5、第三方中间件

第三方中间件是由社区开发的中间件,提供了各种功能扩展。

const cors = require('cors');
const morgan = require('morgan');
app.use(cors());
app.use(morgan('combined'));

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/502843.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《Opencv》基础操作详解(5)

接上篇:《Opencv》基础操作详解(4)-CSDN博客 目录 接上篇:《Opencv》基础操作详解(4)-CSDN博客 25、轮廓近似 简介 接口用法 参数说明 返回值 代码示例 结果展示 26、轮廓最小外接圆 简介 接口用…

Java虚拟机面试题:内存管理(上)

🧑 博主简介:CSDN博客专家,历代文学网(PC端可以访问:https://literature.sinhy.com/#/?__c1000,移动端可微信小程序搜索“历代文学”)总架构师,15年工作经验,精通Java编…

测试用例颗粒度说明

当我们在编写测试用例时,总是会遇到一个问题:如何确定测试用例的颗粒度?测试用例过于粗糙,可能无法全面覆盖系统的细节;而颗粒度过细,又会导致测试重复、冗余。掌握合适的颗粒度,不仅可以提高测…

【C++】深入解析二维数组初始化与越界问题

博客主页: [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C 文章目录 💯前言💯问题代码背景问题现象 💯初步分析与发现的问题1. 二维数组的初始化问题补充说明 2. 数组越界访问为什么数组越界问题没有直接报错? 💯解…

Unity性能优化总结

目录 前言 移动端常见性能优化指标​编辑 包体大小优化 FPS CPU占用率 GPU占用率 内存 发热和耗电量 流量优化 前言 终于有时间了,我将在最近两个项目中进行优化的一些经验进行归纳总结以飨读者。因为我习惯用思维导图,所以归纳的内容主要以图来…

用QT实现 端口扫描工具1

安装在线QT,尽量是完整地自己进行安装,不然会少包 参考【保姆级图文教程】QT下载、安装、入门、配置VS Qt环境-CSDN博客 临时存储空间不够。 Windows系统通常会使用C盘来存储临时文件。 修改临时文件存储位置 打开系统属性: 右键点击“此电…

鸿蒙HarmonyOS开发:基于Swiper组件和自定义指示器实现多图片进度条轮播功能

文章目录 一、概述1、场景介绍2、技术选型 二、实现方案1、图片区域实现2、底部导航点设计3、手动切换 三、所有代码1、设置沉浸式2、外层Tabs效果3、ImageSwiper组件 四、效果展示 一、概述 在短视频平台上,经常可以见到多图片合集。它的特点是:由多张…

【JVM】总结篇-类的加载篇之 类的加载器 和ClassLoader分析

文章目录 类的加载器ClassLoader自定义类加载器双亲委派机制概念源码分析优势劣势如何打破Tomcat 沙箱安全机制JDK9 双亲委派机制变化 类的加载器 获得当前类的ClassLoader clazz.getClassLoader() 获得当前线程上下文的ClassLoader Thread.currentThread().getContextClassLoa…

nginx学习之路-nginx配置https服务器

文章目录 1. 生成证书2. 配置证书1. 拷贝证书文件2. 修改conf/nginx.conf文件内容 3. 查看效果1. 重载配置2. 访问 1. 生成证书 在linux系统下执行,使用openssl命令。(windows环境也可以使用cmder) # 1. 生成私钥 server2025.key(无密码保护…

鸿蒙应用开发搬砖经验之—使用DevTools工具调试前端页面

环境说明: 系统环境:Mac mini M2 14.5 (23F79) 开发IDE:DevEco Studio 5.0.1 Release 配置步骤: 按着官方的指引来慢慢一步一步来,但前提是要配置好SDK的路径(没有配置的话,可能先看下面的配…

【NLP高频面题 - 分布式训练篇】ZeRO主要为了解决什么问题?

【NLP高频面题 - 分布式训练篇】ZeRO主要为了解决什么问题? 重要性:★★ 零冗余优化器技术由 DeepSpeed 代码库提出,主要用于解决数据并行中的模型冗余问题,即每张 GPU 均需要复制一份模型参数。 ZeRO的全称是Zero Redundancy …

《探秘计算机视觉与深度学习:开启智能视觉新时代》

《探秘计算机视觉与深度学习:开启智能视觉新时代》 一、追溯起源:从萌芽到崭露头角二、核心技术:解锁智能视觉的密码(一)卷积神经网络(CNN):图像识别的利器(二&#xff0…

[paddle] 非线性拟合问题的训练

利用paddlepaddle建立神经网络,模拟有限个数据的非线性拟合 本文仍然考虑 f ( x ) sin ⁡ ( x ) x f(x)\frac{\sin(x)}{x} f(x)xsin(x)​ 函数在区间 [-10,10] 上固定数据的拟合。 import paddle import paddle.nn as nn import numpy as np import matplotlib.…

详解GPT-信息抽取任务 (GPT-3 FAMILY LARGE LANGUAGE MODELS)

GPT-3 FAMILY LARGE LANGUAGE MODELS Information Extraction 自然语言处理信息提取任务(NLP-IE):从非结构化文本数据中提取结构化数据,例如提取实体、关系和事件 [164]。将非结构化文本数据转换为结构化数据可以实现高效的数据处…

逆向入门(2)C篇-基础知识

C基础 1、在C中,函数的变量是从右往左传递的,也就是test(x,y),先传入y,再传x。 2、变量的分类: (1)全局变量。在编译的时候就已经确定了内存地址和宽度,变量名就是内存地址的别名…

服务器数据恢复—离线盘数超过热备盘数导致raidz阵列崩溃的数据恢复

服务器数据恢复环境&故障: 一台配有32块硬盘的服务器在运行过程中突然崩溃不可用。经过初步检测,基本上确定服务器硬件不存在物理故障。管理员重启服务器后问题依旧。需要恢复该服务器中的数据。 服务器数据恢复环境: 1、将服务器中硬盘…

Echart实现3D饼图示例

在可视化项目中,很多地方会遇见图表;echart是最常见的;这个示例就是用Echart, echart-gl实现3D饼图效果,复制即可用 //需要安装,再引用依赖import * as echarts from "echarts"; import echar…

PostgreSQL学习笔记(一):PostgreSQL介绍和安装

目录 概念 PostgreSQL简介 PostgreSQL的关键特性 1. 标准兼容性 2. 扩展性 3. 数据完整性和可靠性 4. 丰富的数据类型 5. 查询能力 6. 事务和并发控制 7. 扩展和插件 8. 跨平台和多语言支持 9. 高可用性和扩展性 常用场景 安装 Linux apt安装 下载安装包安装 客…

Linux之信号量

目录 信号量 信号量相关接口 创建信号量 初始化信号量 等待信号量,P操作 发布信号量,V操作 销毁信号量 基于信号量的环形队列下的生产者和消费者模型 环形队列 代码实现 上期我们学习了线程同步的概念,掌握了基于阻塞队列的生产…

Redis--高可用(主从复制、哨兵模式、分片集群)

高可用(主从复制、哨兵模式、分片集群) 高可用性Redis如何实现高可用架构?主从复制原理1. 全量同步2. 命令传播3. 增量同步 Redis Sentinel(哨兵模式)为什么要有哨兵模式?哨兵机制是如何工作的?…