Menentukan Tipe Request dan Response Express

Selamat Datang

Memasang Tipe

npm install express
npm install --save-dev @types/express

Tipe Rute Dasar

import { Request, Response } from 'express';
app.get('/users', (req: Request, res: Response) => {
  res.json({ users: [] });
});

Parameter Rute Bertipe

interface Params { id: string; }
app.get('/users/:id', (req: Request<Params>, res: Response) => {
  const { id } = req.params;
});

Isi Request Bertipe

interface CreateUser { name: string; email: string; }
app.post('/users', (req: Request<{}, {}, CreateUser>, res: Response) => {
  const { name, email } = req.body;
});

Parameter Kueri Bertipe

interface Query { page?: string; limit?: string; }
app.get('/users', (req: Request<{}, {}, {}, Query>, res: Response) => {
  const page = parseInt(req.query.page ?? '1');
});

Memperluas Request

declare global {
  namespace Express {
    interface Request { user?: User; }
  }
}

Response Bertipe

app.get('/me', (req: Request, res: Response<User>) => {
  res.json(req.user!); // response body must be User
});

Tipe Penangan Kesalahan

import { ErrorRequestHandler } from 'express';
const errHandler: ErrorRequestHandler = (err, req, res, next) => {
  res.status(500).json({ error: err.message });
};

Menggunakan Router dengan Tipe

import { Router } from 'express';
const router = Router();
router.get('/:id', (req: Request<{ id: string }>, res) => {});

Perangkat Tengah Validasi

function parseBody<T>(schema: ZodSchema<T>) {
  return (req: Request, res: Response, next: NextFunction) => {
    req.body = schema.parse(req.body);
    next();
  };
}

Pemeriksaan Singkat

Ringkasan