学习node.js 八 express

最新推荐文章于 2024-10-02 23:04:10 发布
最新推荐文章于 2024-10-02 23:04:10 发布
阅读量698 收藏 28
点赞数 20
分类专栏： node.js 文章标签： 学习 node.js express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tian_liang_jia/article/details/141378438
版权

目录

express

基本使用 

模块化

中间件 

防盗链 

响应头 

自定义响应头

请求头

express

Express是一个流行的Node.js Web应用程序框架，用于构建灵活且可扩展的Web应用程序和API。它是基于Node.js的HTTP模块而创建的，简化了处理HTTP请求、响应和中间件的过程。

他的优势：

  1. 简洁而灵活：Express提供了简单而直观的API，使得构建Web应用程序变得简单快捷。它提供了一组灵活的路由和中间件机制，使开发人员可以根据需求定制和组织应用程序的行为。
  2. 路由和中间件：Express使用路由和中间件来处理HTTP请求和响应。开发人员可以定义路由规则，将特定的URL路径映射到相应的处理函数。同时，中间件允许开发人员在请求到达路由处理函数之前或之后执行逻辑，例如身份验证、日志记录和错误处理。
  3. 路由模块化：Express支持将路由模块化，使得应用程序可以根据不同的功能或模块进行分组。这样可以提高代码的组织性和可维护性，使得多人协作开发更加便捷。

基本使用 

安装：

 npm i express

启动一个http服务，并且响应get和post请求

案例：

import express from 'express';

const app = express()

app.get("/get",(req,res)=> {
    res.send("hello world")
})

app.post("/login",(req,res)=> {
    res.send("login success")
})

app.listen(3000,()=> {
    console.log('server is running on port 3000')
})

接受前端参数：

 post请求：req.body 还需要在中间件注册

不同的格式有不同的操作，详情见：node.js依赖express解析post请求四种数据格式（） - 王汉炎 - 博客园 (cnblogs.com)

get请求：req.query

动态参数：req.params

案例：

import express from 'express';
import bodyParser from "body-parser"

const app = express()
app.use(bodyParser.urlencoded({
    extended: true
}))

app.get("/get",(req,res)=> {
    console.log(req.query)
    res.send("hello world")
})

app.post("/login",(req,res)=> {
    console.log(req.body)
    res.send("login success")
})

app.get("/getPage/:id",(req,res) => {
    console.log(req.params)
    res.send(`this is page ${req.params.id}`)
})

app.listen(3000,()=> {
    console.log('server is running on port 3000')
})

执行结果：

模块化

我们正常开发的时候肯定不会把代码写到一个模块里面，Express允许将路由处理程序拆分为多个模块，每个模块负责处理特定的路由。通过将路由处理程序拆分为模块，可以使代码逻辑更清晰，易于维护和扩展

案例：在src下有两个模块，把他们正常使用

src/user

import express from "express";

const router = express.Router()

router.post("/login",(req,res)=> {
    res.send({
        code: 200,
        message: "success",
        data: {
            token: "1234567890"
        }
    })
})

router.get("/home",(req,res) => {
    res.send({
        code: 200,
        message: "success",
        data: [
            {
                id: 1,
                name: "user1",
                age: 20
            }
        ]
    })
})

export default router

src/list

import express from "express";

const router = express.Router()

router.get("/getAll",(req,res) => {
    res.send({
        code: 200,
        message: "success",
        data: [
            {
                name: "jjs",
                age: 10
            }
        ]
    })
})

export default router

index

import express from 'express';
import bodyParser from "body-parser"
import User from "./src/user.js";
import List from "./src/list.js";

const app = express()
app.use(bodyParser.urlencoded({
    extended: true
}))

app.use("/user",User)
app.use("/list",List)

app.listen(3000,()=> {
    console.log('server is running on port 3000')
})

执行结果：

中间件 

中间件是一个关键概念。中间件是处理HTTP请求和响应的函数，它位于请求和最终路由处理函数之间，可以对请求和响应进行修改、执行额外的逻辑或者执行其他任务。

中间件函数接收三个参数：req（请求对象）、res（响应对象）和next（下一个中间件函数）。通过调用next()方法，中间件可以将控制权传递给下一个中间件函数。如果中间件不调用next()方法，请求将被中止，不会继续传递给下一个中间件或路由处理函数

 案例： 实现一个日志中间件

需要使用的技术：

log4js是一个用于Node.js应用程序的流行的日志记录库，它提供了灵活且可配置的日志记录功能。log4js允许你在应用程序中记录不同级别的日志消息，并可以将日志消息输出到多个目标，如控制台、文件、数据库等

安装：

npm i log4js

import log4js from 'log4js';

// 配置log4js 输出到控制台和写入到logs/server.log文件中
log4js.configure({
  appenders:{
      out: {
          type: 'stdout',
          layout: {
              type: "colored"
          }
      },
      file: {
          type: 'file',
          filename: 'logs/server.log', // 日志文件名
      }
  },
  categories:{
      default: {
          appenders: ['out', 'file'],
          level: 'debug' // 日志级别
      }
  }
})
const logger = log4js.getLogger("default");

// 日志中间件
export default function (req, res, next) {
    logger.debug(`[${req.method}] ${req.url}`);
    next();
}

index.js

import express from 'express';
import bodyParser from "body-parser"
import User from "./src/user.js";
import List from "./src/list.js";
import loggerMiddleware from "./middleware/logger.js"

const app = express()
app.use(loggerMiddleware)
app.use(bodyParser.urlencoded({
    extended: true
}))

app.use("/user",User)
app.use("/list",List)

app.listen(3000,()=> {
    console.log('server is running on port 3000')
})

执行效果：

防盗链 

在网页或其他网络资源中，通过直接链接到其他网站上的图片、视频或其他媒体文件，从而显示在自己的网页上。这种行为通常会给被链接的网站带来额外的带宽消耗和资源浪费，而且可能侵犯了原始网站的版权。

通过 防盗链（Hotlinking) 来解决

为了防止盗链，网站管理员可以采取一些措施：

  1. 使用水印技术：在图片或视频上添加水印可以帮助识别盗链行为，并提醒用户资源的来源。
  2. 使用Referrer检查：网站可以检查HTTP请求中的Referrer字段，该字段指示了请求资源的来源页面。如果Referrer字段不符合预期，就拒绝提供资源。这种方法可以在服务器配置文件或脚本中实现。

接下来将会以referrer来写一个防盗链的案例

  • 第一步需要初始化静态资源目录 express.static

express动静分离非常的便捷，只需要use以下即可

import express from 'express';
import bodyParser from "body-parser"
import loggerMiddleware from "./middleware/logger.js"

const app = express()
// 静态资源
app.use(express.static('static'))
app.use("*", (req, res, next) => {
    res.header("Access-Control-Allow-Origin", "*")
    next()
})
app.use(loggerMiddleware)
app.use(bodyParser.urlencoded({
    extended: true
}))

app.listen(3000,()=> {
    console.log('server is running on port 3000')
})

 添加防盗链


// 防止热链中间件
function preventHotlink(req,res,next) {
    const referer = req.get('Referer')
    if(referer) {
        const {hostname,port} = new URL(referer)
        if(hostname !== 'localhost') {
            res.status(403).send('禁止访问')
            return
        }
    }
    next()
}
app.use(preventHotlink)

效果图：

响应头 

HTTP响应头（HTTP response headers）是在HTTP响应中发送的元数据信息，用于描述响应的特性、内容和行为。它们以键值对的形式出现，每个键值对由一个标头字段（header field）和一个相应的值组成。

响应头和跨域的关系

跨域资源共享（Cross-Origin Resource Sharing，CORS）是一种机制，用于在浏览器中实现跨域请求访问资源的权限控制。当一个网页通过 XMLHttpRequest 或 Fetch API 发起跨域请求时，浏览器会根据同源策略（Same-Origin Policy）进行限制。同源策略要求请求的源（协议、域名和端口）必须与资源的源相同，否则请求会被浏览器拒绝

端口和协议不一样就会报错，需要配置响应头，

app.use("*", (req, res, next) => {
    res.header("Access-Control-Allow-Origin", "*")
    next()
})

还可以指定路径访问

app.use('*',(req,res,next)=>{
    res.setHeader('Access-Control-Allow-Origin','http://localhost:5500') //允许localhost 5500 访问
    next()
})


自定义响应头

后端可以设置响应头并且抛出，前端即可使用

app.get('/getAll', (req, res) => {
    res.set('count', '1')
    res.setHeader('Access-Control-Expose-Headers', 'count')
    res.json({
        code: 200
    })
})

前端读取：

 const headers = res.headers

console.log(headers.get('count')) //读取自定义响应头

请求头

默认情况下cors仅支持客户端向服务器发送如下九个请求头

  1. Accept：指定客户端能够处理的内容类型。
  2. Accept-Language：指定客户端偏好的自然语言。
  3. Content-Language：指定请求或响应实体的自然语言。
  4. Content-Type：指定请求或响应实体的媒体类型。
  5. DNT (Do Not Track)：指示客户端不希望被跟踪。
  6. Origin：指示请求的源（协议、域名和端口）。
  7. User-Agent：包含发起请求的用户代理的信息。
  8. Referer：指示当前请求的源 URL。
  9. Content-type: application/x-www-form-urlencoded | multipart/form-data | text/plain

我们服务端默认只支持 GET POST HEAD OPTIONS 请求

例如我们遵循restFui 要支持PATCH 或者其他请求

就需要设置如下内容：

req.set('Access-Control-Allow-Methods','POST,GET,OPTIONS,DELETE,PATCH')

涛涛酱10086
关注
专栏目录
complete-node-js-bootcamp:Node.js，Express，MongoDB等
04-12
Express.js是Node.js的一个Web应用框架，它简化了创建HTTP服务器的过程，提供了丰富的路由、中间件和模板引擎功能，便于快速构建Web应用。通过Express，你可以定义路由来处理HTTP请求，如GET、POST等，轻松地处理...
从零开始学习后端开发：Node.js与Express框架入门教程
04-19
### 从零开始学习后端开发：Node.js与Express框架入门教程 #### 一、教程概览 本教程旨在引导初学者从零开始学习后端开发，并通过实践一个简单的案例来掌握如何将理论知识应用于实际项目中。我们将采用Node.js作为...
node.js——express框架
weixin_64916164的博客
04-18 2604
Express 是一个流行的 Node.js 框架，为开发者提供了简洁的 API，用于处理 HTTP 请求、响应，以及管理中间件、路由和错误处理。Express 简化了构建 RESTful API、Web 应用程序和微服务的过程。快速开始Express 框架是构建 Node.js Web 应用程序的理想选择。它提供了强大且易于使用的工具，可以满足各种不同类型的 Web 开发需求。本期到此结束，关注我，我会继续写的!!
09-Node.js—express框架
Zhang_wang_yun的博客
04-25 4471
express 是一个基于 Node.js 平台的极简、灵活的 WEB应用开发框架，简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用（HTTP 服务）
Node.js学习笔记——Express.js
manerzi的博客
04-02 1147
Node.js学习笔记——Express.js
node.js中express框架的使用
weixin_54418006的博客
03-18 4886
1. Express express官网 Express是基于Node.js平台快速、开放、极简的web开发框架。 Express的作用和Node.js内置的http模块类似，是专门用来创建web服务器的。 Express本质就是一个npm上的第三方包，提供了快速创建web服务器的便捷方法。 最常见的两种服务器： Web网站服务器：专门对外提供Web网页资源的服务器 API接口服务器：专门对外提供API接口的服务器 使用Express可以方便、快速的创建Web网站的服务器或API接口的服务器 2. E
node.js中Express简介
weixin_44860226的博客
10-12 8851
官方给出的概念：Express是基于Node.js平台，快速、开放、极简的web开发框架。通俗理解：Express的作用和Node.js内置的http模块类似，是专门用来创建web服务器的Express的本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法。
2024最新版Node.js下载安装及环境配置教程【保姆级】
热门推荐
WHF__的博客
03-06 43万+
步骤： 鼠标右击【node_global】的文件夹，点击【属性】，再点击【安全】，再点击【编辑】，将权限都勾上，随即点击【确定】即可。（1）找到安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮。⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】，随后一直点击【确定】①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】
【Node.js】Express 框架及其基本使用详解
lph159的博客
09-19 1231
Express 是一个基于 Node.js 平台的极简 Web 开发框架。它帮助开发者快速构建 Web 应用和 API。Express 的设计理念非常简单，它通过简洁的 API 使得开发变得更加轻松。简洁灵活：Express 提供了轻量级的开发体验，开发者可以自由选择中间件和功能。中间件机制：支持各种中间件处理 HTTP 请求，从而简化业务逻辑。路由管理：强大的路由系统可以轻松管理不同的请求路径。
Node.js安装与配置（详细步骤）
liyitongxue的博客
05-18 33万+
本篇博文记录了Node.js安装与环境变量配置的详细步骤，旨在为将来再次配置Node.js时提供指导方法。
使用Node.js+Express框架，创建一个独立的服务器端项目
weixin_71895515的博客
06-01 1459
在项目文件夹中创建一个新的JavaScript文件，例如server.js，作为你的服务器入口文件。在server.js文件中，引入Express框架并创建一个Express应用实例。例如： 但我个人不推荐这么使用小提示：server.js输到一半可以按`Tab`快速访问（node .\server.js）
什么是Express.js？它与Node.js的关系是什么？
有我更精彩的博客
07-01 1183
Express.js是一个基于Node.js的Web应用框架。它简洁灵活，提供了一组强大的特性来帮助开发人员轻松快速地构建Web应用和API。它本身并不是一个完全的框架，而更像是一个架构，给予开发人员足够的自由来选择所需的中间件，插件和模块。非阻塞I/O：Node.js使用事件驱动的非阻塞I/O模型，使其高效且轻量。单线程：尽管Node.js是单线程的，它通过事件循环机制来处理并发，具有高效的处理能力。广泛的模块生态系统。
基于Node.js + Express + MongoDB实现的电商后台管理系统.zip
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
基于Vue + Node.js + Express + MongoDB + ES6制作的购物商城系统 (高仿小米商城)
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
node.js + express + sqlserver构建简单的后台服务
12-14
node.js + express + sqlserver构建简单的后台服务项目整体结构express服务器入口文件sql server数据库部分数据库接口APi在server文件下运行index文件 （node index）前端页面部分 项目整体结构 。 express服务器...
Go基础学习08-并发安全型类型-通道（chan）深入研究
FLJS_T的博客
09-28 908
在前面学习中了解到对于单值变量，如：int、string；多值变量，如：map存在多协程对资源竞争的并发问题，为了解决并发性通常需要引入sync.Mutex解决。>对于通道的基本声明方式有三种：声明并初始化带缓冲的通道（ch1）；声明并初始化一个不带缓冲的通道（ch2）；仅仅声明一个通道（ch3） >什么是通道：==一个通道相当于一个先进先出（FIFO）的队列。也就是说，通道中的各个元素值都是严格地按照发送的顺序排列的，先被发送通道的元素值一定会先被接收。Select和for循环实现对channel的多次选
10.2学习
2401_87363162的博客
10-02 1121
​ Spring AOP就是基于动态代理的，如果要代理的对象，实现了某个接⼝，那么Spring AOP会使⽤JDKProxy，去创建代理对象，⽽对于没有实现接⼝的对象，就⽆法使⽤ JDK Proxy 去进⾏代理了，这时候Spring AOP会使⽤基于asm框架字节流的Cglib动态代理 ，这时候Spring AOP会使⽤ Cglib ⽣成⼀个被代理对象的⼦类来作为代理。每个线程中都有一个自己的ThreadLocalMap类对象，可以将线程自己的对象保持到其中，各管各的，线程可以正确的访问到自己的对象。
从0学习React（3）
qq_54432917的博客
09-29 747
在第一篇文章中，我们对index.tsx文件的每一行代码都做了简单的分析。通过第一篇文章的总结，我也大致知道了index.tsx里的很多语法。而第二篇文章，我对index.tsx文件的框架做了一个大致的分析，通过第二篇文章，我对index.tsx有了进一步的认识。按理来讲，第三篇文章我还是解析index.tsx文件，但是我发现，对于前两篇文章，其实我对语法的细节有很多不明白的点。因此这篇文章，我就把React的一些最基础的知识给梳理一下，帮助我更好的理解index.tsx的代码。
Go基础学习10-原子并发包sync.atomic的使用：CSA、Swap、atomic.Value......
最新发布
FLJS_T的博客
10-02 880
原子操作sync.atomic以及原子变量atomic.Value详细介绍。go中原生的支持原子操作的函数支持的变量类型int32、int64、uint32、uint64、uintptr，以及unsafe包中的Pointer。对于上述原子操作类型中的每一个，可以支持的数据类型有：==int32、int64、uint32、uint64、uintptr，以及unsafe包中的Pointer。但是否sync.Mutex变量能够保证操作的原子性。atomic.Value类型是开箱即用的，我们声明一个该类型的变量
Node.js与Express框架的Web开发指南
"Web Development with Node and Express 是一本由 Ethan Brown 撰写的教材，专注于使用 ...对于想要深入学习 Node.js 和 Express 的开发者来说，"Web Development with Node and Express" 是一本不可多得的资源。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值