0Pricing
TypeScript Academy · บทเรียน

การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด

สร้างการจัดการคำขอที่แข็งแกร่ง โดยแยกวิเคราะห์อย่างรัดกุม แปลงความล้มเหลวทั้งหมดเป็นซองข้อผิดพลาด JSON ขนาดกะทัดรัด และหลีกเลี่ยงการเปิดเผยรายละเอียดภายใน

การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 2 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 2 บทเรียน

บทนำ

เป้าหมาย: แยกวิเคราะห์อย่างรัดกุมและตอบกลับด้วยซองข้อผิดพลาด JSON ที่คาดเดาได้เสมอ เราจะวางการตรวจสอบไว้ใกล้ขอบเขตระบบ ทำให้ความล้มเหลวเป็นมาตรฐาน และเก็บบันทึกที่มีรายละเอียดครบถ้วนขณะที่ตอบกลับเพียงข้อมูลที่จำเป็น

  • ใช้ safeParse กับอินพุตที่ไม่น่าเชื่อถือทั้งหมด
  • { error, code, details? } ที่สอดคล้องกัน
  • วินัยในการแยก 4xx กับ 5xx

ตัวแปลงซองข้อผิดพลาด

กำหนด ErrorEnvelope ขนาดเล็กที่นำกลับมาใช้ซ้ำได้ แปลงข้อผิดพลาด unknown ให้เป็นรูปแบบนี้โดยไม่เปิดเผยร่องรอยสแตก

export type ErrorEnvelope = { error: string; code?: string; details?: unknown }

export function toEnvelope(u: unknown): ErrorEnvelope {
  if (u instanceof Error) return { error: u.message }
  if (typeof u === "string") return { error: u }
  try { return { error: JSON.stringify(u) } } catch { return { error: "Unknown error" } }
}

ตัวช่วยตรวจสอบ

ห่อสคีมาไว้ในตัวช่วย validate ที่คืนผลลัพธ์แบบแยกประเภท ตัวจัดการจึงมีขนาดเล็กและสอดคล้องกัน

import { z, type ZodTypeAny } from "zod"

export function validate<T extends ZodTypeAny>(schema: T, value: unknown) {
  const r = schema.safeParse(value)
  if (!r.success) {
    return { ok: false as const, issues: r.error.format() }
  }
  return { ok: true as const, data: r.data as z.infer<T> }
}

ตัวจัดการแบบรัดกุม

ตรวจสอบตั้งแต่เนิ่น ๆ แล้วส่งกลับ 400 พร้อมรายละเอียดของปัญหา ความล้มเหลวที่ไม่คาดคิดจะถูกส่งต่อไปยัง มิดเดิลแวร์จัดการข้อผิดพลาด เป็น 500 พร้อมซองข้อผิดพลาด

import type { Request, Response, NextFunction } from "express"
import { z } from "zod"
import { validate } from "./validate"
import { toEnvelope, type ErrorEnvelope } from "./envelope"

const bodySchema = z.object({ email: z.string().email(), newsletter: z.boolean().default(false) })

export function subscribe(req: Request, res: Response<{ ok: true } | ErrorEnvelope>, next: NextFunction) {
  const r = validate(bodySchema, req.body)
  if (!r.ok) return res.status(400).json({ error: "Invalid body", details: r.issues })
  try {
    // pretend to persist
    return res.status(201).json({ ok: true })
  } catch (e) {
    return next(e)
  }
}

export function errorMiddleware(err: unknown, _req: Request, res: Response<ErrorEnvelope>, _next: NextFunction) {
  const env = toEnvelope(err)
  res.status(500).json(env)
}

ซองข้อผิดพลาดที่ใช้บ่อย

จัดเตรียมตัวช่วยขนาดเล็กสำหรับผลลัพธ์ที่พบบ่อย: 404/401 พร้อมสตริง code ที่คงที่ เพื่อให้ไคลเอนต์เลือกการทำงานต่อได้อย่างเชื่อถือได้

export function notFound(resource: string): { status: 404; body: { error: string; code: string } } {
  return { status: 404, body: { error: `${resource} not found`, code: "NOT_FOUND" } }
}

export function unauthorized(): { status: 401; body: { error: string; code: string } } {
  return { status: 401, body: { error: "unauthorized", code: "UNAUTHORIZED" } }
}

บันทึกเทียบกับการตอบกลับ

สร้างสมดุลระหว่างบันทึกกับการตอบกลับ: บันทึกข้อผิดพลาดฉบับเต็มไว้ฝั่งเซิร์ฟเวอร์ (สแตก รหัสคำขอ รหัสผู้ใช้) แต่ส่งซองข้อมูลขนาดเล็กกลับไปยังไคลเอนต์ ควรพิจารณาการจำกัดอัตราและการปกปิดข้อมูลสำหรับ PII

การฝึกใช้ซองข้อผิดพลาด

ตรวจสอบอย่างรวดเร็ว: ควรส่งข้อผิดพลาดจากการตรวจสอบกลับอย่างไร

สรุปทบทวน

สรุปทบทวน: ตรวจสอบอินพุตด้วย safeParse แปลงความล้มเหลวเป็นซองข้อมูลขนาดกะทัดรัด และแยกบันทึกที่มีรายละเอียดครบถ้วนออกจากการตอบกลับไคลเอนต์ที่มีข้อมูลเพียงเล็กน้อย

คำถามที่พบบ่อย

บทเรียน “การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 2 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด”

สร้างการจัดการคำขอที่แข็งแกร่ง โดยแยกวิเคราะห์อย่างรัดกุม แปลงความล้มเหลวทั้งหมดเป็นซองข้อผิดพลาด JSON ขนาดกะทัดรัด และหลีกเลี่ยงการเปิดเผยรายละเอียดภายใน คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 2 บทเรียน

บทเรียน “การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม

ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. สคีมา zod/valibot และการอนุมานชนิด
  2. การแยกวิเคราะห์เชิงป้องกันและซองข้อผิดพลาด
← กลับไปที่ TypeScript Academy