TypeScript Academy · Pelajaran

Middleware Berjenis dan Pengendali Ralat

Tulis fungsi middleware Express yang selamat dari segi jenis.

Pelajaran 3 daripada 413 langkah

Middleware Berjenis dan Pengendali Ralat ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran TypeScript Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus TypeScript Academy merangkumi sejumlah 4 pelajaran.

Selamat Datang

Perisian tengah Express dan pengendali ralat yang selamat dari segi jenis mencegah pepijat biasa dalam saluran pemprosesan permintaan.

Tandatangan Perisian Tengah

Fungsi perisian tengah menerima req, res dan next. Gunakan jenis RequestHandler daripada express.
import { RequestHandler } from 'express';
const authMiddleware: RequestHandler = (req, res, next) => {
  if (!req.headers.authorization) return res.status(401).json({});
  next();
};

NextFunction

Import NextFunction untuk menaip parameter ketiga secara eksplisit.
import { Request, Response, NextFunction } from 'express';
function logger(req: Request, res: Response, next: NextFunction): void {
  console.log(req.method, req.path);
  next();
}

Tandatangan Pengendali Ralat

Pengendali ralat memerlukan empat parameter. TypeScript menguatkuasakan perkara ini melalui jenis ErrorRequestHandler.
import { ErrorRequestHandler } from 'express';
const errorHandler: ErrorRequestHandler = (err, req, res, next) => {
  res.status(err.status ?? 500).json({ message: err.message });
};

Kelas Ralat Tersuai

Takrifkan kelas ralat bertipa dengan kod status.
class AppError extends Error {
  constructor(public message: string, public status: number = 500) {
    super(message);
  }
}

Pembungkus Perisian Tengah Tak Segerak

Balut perisian tengah tak segerak untuk meneruskan ralat kepada pengendali ralat Express.
function asyncHandler(fn: RequestHandler): RequestHandler {
  return (req, res, next) => Promise.resolve(fn(req, res, next)).catch(next);
}

Perisian Tengah Pengesahan dengan Lampiran Pengguna

Lampirkan pengguna yang telah disahkan pada permintaan selepas pengesahan token.
const authenticate: RequestHandler = async (req, res, next) => {
  const user = await verifyToken(req.headers.authorization);
  req.user = user; // requires module augmentation
  next();
};

Perisian Tengah Pengesahan dengan Zod

Gunakan Zod dalam perisian tengah untuk menghuraikan dan mempersempitkan jenis badan permintaan.
function validate<T>(schema: ZodSchema<T>): RequestHandler {
  return (req, res, next) => {
    const result = schema.safeParse(req.body);
    if (!result.success) return res.status(400).json(result.error);
    req.body = result.data;
    next();
  };
}

Perisian Tengah Tahap Router

Gunakan perisian tengah bertipa pada laluan tertentu.
router.use('/admin', authenticate, authorize('admin'));
router.get('/admin/users', asyncHandler(listUsers));

Perisian Tengah Pencatatan

Perisian tengah pencatatan permintaan bertipa.
const requestLogger: RequestHandler = (req, _res, next) => {
  console.log(`${req.method} ${req.path}`);
  next();
};

Pendaftaran Pengendali Ralat Global

Daftarkan pengendali ralat sebagai perisian tengah terakhir dalam rantaian.
app.use(requestLogger);
app.use('/api', apiRouter);
app.use(errorHandler); // must be last

Semakan Pantas

Berapakah bilangan parameter yang ada pada pengendali ralat Express?

Imbas Kembali

Gunakan jenis RequestHandler, ErrorRequestHandler dan NextFunction untuk perisian tengah Express. Balut pengendali tak segerak untuk meneruskan ralat. Gunakan Zod dalam perisian tengah untuk pengesahan badan permintaan yang bertipa.
Percuma untuk bermula

Pelajari TypeScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
101
Pelajaran
352

Soalan Lazim

Adakah pelajaran “Middleware Berjenis dan Pengendali Ralat” percuma?

Ya — teks penuh “Middleware Berjenis dan Pengendali Ralat” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus TypeScript Academy, tingkat taraf kepada CoddyKit PRO. Kursus TypeScript Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Middleware Berjenis dan Pengendali Ralat”?

Tulis fungsi middleware Express yang selamat dari segi jenis. Anda berlatih TypeScript Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan TypeScript Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran TypeScript Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.

Berapa lamakah pelajaran “Middleware Berjenis dan Pengendali Ralat” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Menyediakan TypeScript dengan Node.js
  2. Menaip Permintaan dan Respons Express
  3. Middleware Berjenis dan Pengendali Ralat
  4. Pemboleh Ubah Persekitaran dan Penaipan Konfigurasi
← Kembali ke TypeScript Academy