TypeScript Academy · Pelajaran

Middleware dan Penangan Error Bertipe

Tulis fungsi middleware Express yang aman secara tipe.

Pelajaran 3 dari 413 langkah

Middleware dan Penangan Error Bertipe adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat Datang

Perangkat tengah Express dan penangan kesalahan yang aman tipe mencegah bug umum dalam alur penanganan permintaan.

Tanda Tangan Perangkat Tengah

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

NextFunction

Impor NextFunction untuk memberi tipe pada 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();
}

Tanda Tangan Penangan Kesalahan

Penangan kesalahan memerlukan empat parameter. TypeScript menegakkannya melalui tipe ErrorRequestHandler.
import { ErrorRequestHandler } from 'express';
const errorHandler: ErrorRequestHandler = (err, req, res, next) => {
  res.status(err.status ?? 500).json({ message: err.message });
};

Kelas Kesalahan Kustom

Tentukan kelas kesalahan bertipe dengan kode status.
class AppError extends Error {
  constructor(public message: string, public status: number = 500) {
    super(message);
  }
}

Pembungkus Perangkat Tengah Asinkron

Bungkus perangkat tengah asinkron untuk meneruskan kesalahan ke penangan kesalahan Express.
function asyncHandler(fn: RequestHandler): RequestHandler {
  return (req, res, next) => Promise.resolve(fn(req, res, next)).catch(next);
}

Perangkat Tengah Autentikasi dengan Lampiran Pengguna

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

Perangkat Tengah Validasi dengan Zod

Gunakan Zod dalam perangkat tengah untuk mengurai dan mempersempit tipe isi 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();
  };
}

Perangkat Tengah Tingkat Router

Terapkan perangkat tengah bertipe ke rute tertentu.
router.use('/admin', authenticate, authorize('admin'));
router.get('/admin/users', asyncHandler(listUsers));

Perangkat Tengah Pencatatan

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

Pendaftaran Penangan Kesalahan Global

Daftarkan penangan kesalahan sebagai perangkat tengah terakhir dalam rantai.
app.use(requestLogger);
app.use('/api', apiRouter);
app.use(errorHandler); // must be last

Pemeriksaan Singkat

Berapa banyak parameter yang dimiliki penangan kesalahan Express?

Ringkasan

Gunakan tipe RequestHandler, ErrorRequestHandler, dan NextFunction untuk perangkat tengah Express. Bungkus penangan asinkron untuk meneruskan kesalahan. Gunakan Zod dalam perangkat tengah untuk validasi isi permintaan secara bertipe.
Gratis untuk memulai

Belajar TypeScript dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
101
Pelajaran
352

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Middleware dan Penangan Error Bertipe” gratis?

Ya — teks lengkap “Middleware dan Penangan Error Bertipe” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Middleware dan Penangan Error Bertipe”?

Tulis fungsi middleware Express yang aman secara tipe. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Middleware dan Penangan Error Bertipe” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Menyiapkan TypeScript dengan Node.js
  2. Menentukan Tipe Request dan Response Express
  3. Middleware dan Penangan Error Bertipe
  4. Variabel Lingkungan dan Penentuan Tipe Konfigurasi
← Kembali ke TypeScript Academy