🤓 try/catch 없이 expressJs에서 비동기 오류 처리!

이 블로그를 가능하게 해주셔서 감사합니다. 훌륭한 개발 콘텐츠를 위해 그를 구독하십시오.

경로 처리기 및 미들웨어 내부의 동기 코드에서 발생하는 오류는 추가 작업이 필요하지 않습니다. 동기 코드에서 오류가 발생하면 Express가 오류를 포착하여 처리합니다.

다음 코드는 모든 동기 코드를 처리합니다. 이는 각 작업이 실행되기 전에 이전 작업이 완료될 때까지 기다려야 함을 의미합니다.

기본적으로 express는 오류 처리기와 함께 제공됩니다.

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

app.get('/', (req, res) => {
  res.status(200).send('Hello World!')
})

// Error handler for synchronous errors
// This should be the last middleware in the chain
app.use((err, req, res, next) => {
  console.error(err.stack)
  res.status(500).send('Something broke!')
})

app.listen(port, () => {
  console.log(`Example app 
  listening on port ${port}`)
})

그러나 대부분의 백엔드는 일부 db 작업으로 구성되며 항상 비동기식입니다. 즉, 이전 작업이 완료되기 전에 다른 작업으로 이동할 수 있습니다.

🤨 그렇다면 익스프레스에서 비동기 오류를 처리하는 방법은 무엇입니까?
한 가지 간단한 해결책은 try/catch를 사용하고 catch 블록에서 next()를 호출하는 것입니다.

next()를 호출함으로써 우리는 익스프레스가 오류를 포착하고 그에 따라 응답하도록 지시합니다.

수정된 버전의 경로가 됩니다.

app.get('/', (req, res, next) => {
  try {
    // some db asyncrhonous operations
    res.status(200).send('Hello World!')
  }
  catch(error) {
    next(error)
  }
})

next(오류)는 우리의 기본 오류 처리 미들웨어를 호출할 것이고 우리의 결과는 엉망이 될 것입니다! 오류가 발생할 때.

그러나 우리 앱은 하나의 경로로만 구성되지 않습니다. 그것은 단지 성장할 것이고 우리는 미래에 우리를 놀라게 할 수 있는 어떤 오류도 놓치고 싶지 않습니다.

We will make something interesting without try/catch.

그래서 우리는 모든 비동기(이상적으로는 약속)를 처리하고 거부 시 next()를 호출하는 promiseHandler 함수를 만들 것입니다.

한 줄에

const promiseHandler = () =>  (req, res, next) => {
    Promise.resolve(fn(req, res, next)).catch(next)
  }

// and route becomes
app.get('/', promiseHandler (async (req, res, next) => {
    // some db asyncrhonous operations
    res.status(200).send('Hello World!')
}))

이 프로미스 핸들러 함수는 비동기 함수를 인수로 사용하고 성공하면 해결하거나 오류가 있으면 콜백 함수로 다음을 호출합니다.

일부 오류를 해킹하고 테스트하려면 다음 저장소를 사용하십시오. nodejs-error-handler

내 TypeScript 사용자를 위해 Promise 핸들러 기능은 다음과 같습니다.

import { NextFunction, Request, Response } from "express";

type fnType = (req : Request, res : Response, next : NextFunction) => void;

const promiseHandler = (fn: fnType) => 
  (req : Request, res : Response, next : NextFunction) => {
  Promise.resolve(fn(req  , res , next)).catch(next)
}

export default promiseHandler

nodejs에 관심이 있다면 알고 싶을 수도 있습니다.

각도로 시작하는 경우 내가 각도에서 만든 실수를 알고 싶을 수도 있습니다.

🕸 당신은 신진 웹 개발자이며 방문에서 배울 멋진 CSS 웹사이트가 필요하십니까?

지식을 향상시키기 위해 이러한 유형의 작은 기사가 마음에 들면 dev.to를 팔로우하는 것을 잊지 마십시오. 더 많이 작성하고 오픈 소스에 기여하도록 동기를 부여합니다.

🕊 평화!