> 웹 프론트엔드 > 프런트엔드 Q&A > nodejs 미들웨어를 사용하는 방법

nodejs 미들웨어를 사용하는 방법

PHPz
풀어 주다: 2023-04-26 09:31:38
원래의
876명이 탐색했습니다.

Node.js는 프론트엔드 개발자가 JavaScript 언어를 통해 웹 애플리케이션을 작성, 실행 및 구축할 수 있게 함으로써 최근 몇 년간 매우 인기 있는 기술이 되었습니다. Node.js의 미들웨어는 개발자가 기능과 라우팅을 쉽게 관리하는 동시에 보안과 성능 최적화도 제공하는 개발 프로세스에서 없어서는 안 될 부분입니다. 이 글에서는 Node.js에서 미들웨어를 사용하는 방법을 더 자세히 살펴보겠습니다.

미들웨어란 무엇인가요?

Node.js에서 미들웨어는 강력하고 쉽게 재사용할 수 있는 코드 조각입니다. HTTP 요청과 응답 사이를 가로채고 필터링할 수 있으므로 개발자가 처리 논리를 추가하고 요청이나 응답의 내용을 쉽게 수정할 수 있습니다. 미들웨어는 다음과 같은 몇 가지 일반적인 개발 요구 사항을 달성하는 데 도움이 될 수 있습니다.

  • 인증 및 권한 부여
  • 입력 유효성 검사 및 데이터 변환
  • 요청 분석 및 로깅
  • 경로 제어 및 리소스 관리
  • 캐싱 및 압축

미들웨어로 인해 Node.js에서 매우 중요한 구성 요소이므로 Node.js에는 body-parser, express 등과 같은 수많은 내장 미들웨어가 함께 제공됩니다. 동시에 우리가 선택하고 사용할 수 있는 타사 미들웨어 패키지도 많이 있습니다. body-parserexpress 等,同时还有很多第三方中间件包供我们选择和使用。

Node.js 中间件的使用

安装和引入中间件

在使用中间件之前,我们需要先将其安装到我们的项目中。可以使用 Node.js 包管理器(例如 npm)安装中间件:

npm install 中间件名称
로그인 후 복사

安装完成后,我们需要通过 requireimport 将其引入到我们的代码中:

const 中间件名称 = require('中间件名称')
// 或者
import 中间件名称 from '中间件名称'
로그인 후 복사

接下来我们就可以开始使用中间件了。

应用中间件

Node.js 中的中间件需要通过应用程序来使用。我们可以使用 Express 应用程序来演示中间件的使用方法:

const express = require('express')
const app = express()

// 使用中间件
app.use(中间件名称)
로그인 후 복사

上述代码中,我们创建了一个 Express 应用程序并引入了 express 中间件。接下来,我们使用 app.use() 方法将 中间件名称 应用于我们的应用程序中。这样,每个 HTTP 请求都会先经过中间件处理,再到达我们的应用程序。

编写自定义中间件

如果没有找到合适的第三方中间件或内置中间件,我们可以编写自定义中间件以满足我们的需求。编写中间件需要使用中间件函数,它具有与 HTTP 请求和响应相关的三个参数:

function 中间件名称(req, res, next) {
  // ...
}
로그인 후 복사
  • req:表示请求对象,包含了客户端发送的数据和请求信息。
  • res:表示响应对象,用于向客户端发送响应数据和响应信息。
  • next:表示通过该中间件的下一个中间件或路由器,必须显式的调用。

在中间件中,我们可以访问和修改请求 req 对象和响应 res 对象,还可以实现任意的功能处理。例如,下面是一个简单的示例中间件,该中间件输出访问的 URL 地址以及时间戳:

function logger(req, res, next) {
  console.log(`[${new Date()}]: ${req.url}`)
  next()
}
로그인 후 복사

多个中间件的串联使用

在实际开发过程中,我们可能需要同时使用多个中间件来实现各种功能和要求。此时可以使用 app.use() 来串联多个中间件,Node.js 中间件将按照添加它们的顺序依次执行。例如,下面的代码演示了使用多个中间件来实现简单的身份验证:

// 身份验证中间件
function auth(req, res, next) {
  if (req.headers.auth === '123456') {
    // 授权通过,执行后续中间件
    next()
  } else {
    // 授权失败
    res.status(401).send('Authorization Failed')
  }
}

// 日志记录中间件
function logger(req, res, next) {
  console.log(`[${new Date()}]: ${req.url}`)
  next()
}

// 中间件串联
app.use(logger)
app.use(auth)
로그인 후 복사

上述代码中,我们定义了两个中间件:authloggerauth 中间件用于验证是否授权成功,logger 中间件用于记录 HTTP 请求的日志信息。通过 app.use()

Node.js 미들웨어 사용

미들웨어 설치 및 소개

미들웨어를 사용하기 전에 먼저 프로젝트에 설치해야 합니다. 미들웨어는 Node.js 패키지 관리자(예: npm)를 사용하여 설치할 수 있습니다. 🎜rrreee🎜설치가 완료된 후 require 또는 import를 통해 코드에 이를 도입해야 합니다. code> Medium: 🎜rrreee🎜 다음으로 미들웨어 사용을 시작해 보겠습니다. 🎜<h3>애플리케이션 미들웨어</h3>🎜Node.js의 미들웨어는 애플리케이션을 통해 사용해야 합니다. Express 애플리케이션을 사용하여 미들웨어 사용을 시연할 수 있습니다. 🎜rrreee🎜위 코드에서는 Express 애플리케이션을 만들고 <code>express 미들웨어를 도입했습니다. 다음으로 app.use() 메서드를 사용하여 애플리케이션에 미들웨어 이름을 적용합니다. 이런 방식으로 모든 HTTP 요청은 애플리케이션에 도달하기 전에 미들웨어에 의해 처리됩니다. 🎜

맞춤 미들웨어 작성

🎜적절한 타사 미들웨어나 내장 미들웨어를 찾지 못한 경우 필요에 맞게 맞춤 미들웨어를 작성할 수 있습니다. 미들웨어를 작성하려면 HTTP 요청 및 응답과 관련된 세 가지 매개변수가 있는 미들웨어 기능을 사용해야 합니다. 🎜rrreee🎜🎜req: 클라이언트가 보낸 데이터와 요청 정보가 포함된 요청 개체를 나타냅니다. . 🎜🎜res: 응답 데이터 및 응답 정보를 클라이언트에 보내는 데 사용되는 응답 개체를 나타냅니다. 🎜🎜next: 이 미들웨어를 전달하는 다음 미들웨어 또는 라우터를 나타내며 명시적으로 호출되어야 합니다. 🎜🎜🎜미들웨어에서는 요청 req 개체와 응답 res 개체에 액세스하고 수정할 수 있으며 임의의 기능 처리도 구현할 수 있습니다. 예를 들어, 다음은 접속된 URL 주소와 타임스탬프를 출력하는 간단한 샘플 미들웨어입니다: 🎜rrreee

여러 미들웨어를 연속으로 사용

🎜실제 개발 과정에서는 다양한 미들웨어를 구현하기 위해 여러 미들웨어를 사용해야 할 수도 있습니다. 기능 및 요구 사항. 이때 app.use()를 이용하여 여러 미들웨어를 연결하면 Node.js 미들웨어가 추가된 순서대로 실행됩니다. 예를 들어, 다음 코드는 간단한 인증을 구현하기 위해 여러 미들웨어를 사용하는 방법을 보여줍니다. 🎜rrreee🎜위 코드에서는 authlogger라는 두 가지 미들웨어를 정의합니다. auth 미들웨어는 인증 성공 여부를 확인하는 데 사용되고, logger 미들웨어는 HTTP 요청의 로그 정보를 기록하는 데 사용됩니다. app.use()를 통해 이 두 미들웨어를 직렬로 연결하여 간단한 인증 기능을 구현합니다. 🎜🎜전반적으로 미들웨어는 Node.js 개발 프로세스에서 중요한 부분입니다. 미들웨어의 도움으로 우리는 다양한 공통 기능과 요구 사항을 쉽게 구현하는 동시에 웹 애플리케이션의 보안과 성능을 향상시킬 수 있습니다. 따라서 Node.js 개발의 효율성과 품질을 향상시키는 데 도움이 되는 미들웨어 사용 방법을 배우는 것이 중요합니다. 🎜

위 내용은 nodejs 미들웨어를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿