首頁 > web前端 > js教程 > 主體

使用 TypeScript、Express.js、Joi 驗證和物件導向程式設計的 REST API 中的自訂錯誤處理

WBOY
發布: 2024-07-27 20:41:12
原創
983 人瀏覽過

Custom error handling in a REST API using TypeScript, Express.js, Joi validation, and object-oriented programming

嗨,開發人員!

建構健壯且可維護的 REST API 需要仔細考慮錯誤處理、驗證和結構。在本文中,我們將探討如何使用 TypeScript、Express.js、Joi 進行驗證以及物件導向程式設計 (OOP) 的原理,在 REST API 中設定自訂錯誤處理機制。我們將按如下方式建立我們的專案:

結構:

---src
-----中介軟體
--------ErrorHanlder.ts
-----模型
--------用戶.ts
-----儲存庫
--------UserRepository.ts
-----路線
--------UserRouter.ts
-----控制器
--------UserController.ts
-----服務
--------UserService.ts
-----驗證
--------UserValidation.ts
---app.ts
---server.ts

設定項目

mkdir rest-api
cd rest-api
npm init -y
npm install express typescript @types/node @types/express ts-node-dev
npx tsc --init
登入後複製

錯誤處理中介軟體

// src/middlewares/ErrorHandler.ts
import { Request, Response, NextFunction } from 'express';

class ErrorHandler extends Error {
  statusCode: number;
  message: string;

  constructor(statusCode: number, message: string) {
    super();
    this.statusCode = statusCode;
    this.message = message;
  }
}

const handleError = (err: ErrorHandler, req: Request, res: Response, next: NextFunction) => {
  const { statusCode, message } = err;
  res.status(statusCode).json({
    status: 'error',
    statusCode,
    message,
  });
};

export { ErrorHandler, handleError };

登入後複製

使用者模型

// src/models/User.ts
export interface User {
  id: number;
  name: string;
  email: string;
}

登入後複製

使用者儲存庫

// src/repository/UserRepository.ts
import { User } from '../models/User';

class UserRepository {
  private users: User[] = [];

  findAll(): User[] {
    return this.users;
  }

  findById(id: number): User | undefined {
    return this.users.find(user => user.id === id);
  }

  create(user: User): User {
    this.users.push(user);
    return user;
  }
}

export default new UserRepository();

登入後複製

使用者服務

// src/services/UserService.ts
import UserRepository from '../repository/UserRepository';
import { User } from '../models/User';
import { ErrorHandler } from '../middlewares/ErrorHandler';

class UserService {
  getAllUsers(): User[] {
    return UserRepository.findAll();
  }

  getUserById(id: number): User | undefined {
    const user = UserRepository.findById(id);
    if (!user) {
      throw new ErrorHandler(404, 'User not found');
    }
    return user;
  }

  createUser(user: User): User {
    const { error } = userSchema.validate(user);
    if (error) {
      throw new ErrorHandler(400, error.details[0].message);
    }
    return UserRepository.create(user);
  }
}

export default new UserService();


登入後複製

用戶驗證

// src/validations/UserValidation.ts
import Joi from 'joi';

const userSchema = Joi.object({
  id: Joi.number().required(),
  name: Joi.string().required(),
  email: Joi.string().email().required(),
});

export { userSchema };

登入後複製

使用者控制器

// src/controllers/UserController.ts
import { Request, Response, NextFunction } from 'express';
import UserService from '../services/UserService';
import { ErrorHandler } from '../middlewares/ErrorHandler';

class UserController {
  getAllUsers(req: Request, res: Response, next: NextFunction) {
    try {
      const users = UserService.getAllUsers();
      res.json(users);
    } catch (error) {
      next(error);
    }
  }

  getUserById(req: Request, res: Response, next: NextFunction) {
    try {
      const user = UserService.getUserById(parseInt(req.params.id));
      res.json(user);
    } catch (error) {
      next(error);
    }
  }

  createUser(req: Request, res: Response, next: NextFunction) {
    try {
      const user = UserService.createUser(req.body);
      res.status(201).json(user);
    } catch (error) {
      next(error);
    }
  }
}

export default new UserController();


登入後複製

用戶路線

// src/routes/UserRouter.ts
import { Router } from 'express';
import UserController from '../controllers/UserController';

const router = Router();

router.get('/users', UserController.getAllUsers);
router.get('/users/:id', UserController.getUserById);
router.post('/users', UserController.createUser);

export default router;

登入後複製

應用程式入口點

// src/app.ts
import express from 'express';
import UserRouter from './routes/UserRouter';
import { handleError } from './middlewares/ErrorHandler';

const app = express();

app.use(express.json());
app.use('/api', UserRouter);
app.use(handleError);

export default app;

登入後複製

伺服器設定

// src/server.ts
import app from './app';

const PORT = process.env.PORT || 3000;

app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

登入後複製

透過使用 TypeScript、Express.js、Joi 和 OOP 原則來建立我們的項目,我們實作了一個乾淨且可維護的程式碼庫。自訂錯誤處理中間件提供了一種一致的方法來管理整個應用程式中的錯誤,而驗證邏輯則確保資料完整性。此設定可以為更複雜的應用程式奠定堅實的基礎。

聯絡人
電子郵件:luizcalaca@gmail.com
Instagram:https://www.instagram.com/luizcalaca
Linkedin:https://www.linkedin.com/in/luizcalaca/
推特:https://twitter.com/luizcalaca

以上是使用 TypeScript、Express.js、Joi 驗證和物件導向程式設計的 REST API 中的自訂錯誤處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!