Pengendali penghala, penaipan Request/Response
Taipkan pengendali laluan Express: parameter, pertanyaan dan badan JSON; hantar respons yang ditaip dengan res.json serta DTO yang boleh guna semula.
Pengendali penghala, penaipan Request/Response ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 3. 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 3 pelajaran.
Pengenalan
Matlamat: Sambungkan API Express kecil dengan jenis yang ketat. Anda akan memberikan jenis kepada parameter laluan, pertanyaan dan isi JSON, kemudian mengembalikan JSON bertaip dengan res.json.
- Antara muka DTO
Request<P, Res, Body, Q>res.jsonbertaip
Persediaan pelayan
Mulakan Express dan dayakan penghuraian JSON. Kekalkan titik akhir kesihatan supaya kecil dan bertaip dengan Request/Response.
import express, { Request, Response } from "express"
const app = express()
app.use(express.json())
app.get("/", (_req: Request, res: Response) => {
res.type("text/plain").send("OK")
})
app.listen(3000, () => console.log("http://localhost:3000"))Parameter dan pertanyaan
Berikan jenis kepada setiap slot secara jelas: Parameters, Query dan ResBody. Pelengkapan automatik membantu mengelakkan kesilapan ejaan.
import { Request, Response } from "express"
type Params = { id: string }
type Query = { verbose?: "1" | "0" }
type ResBody = { id: string; name: string; details?: string }
export function getUser(req: Request<Params, ResBody, unknown, Query>, res: Response<ResBody>) {
const { id } = req.params
const { verbose } = req.query
const body: ResBody = { id, name: "Ada", details: verbose === "1" ? "Loves math" : undefined }
return res.status(200).json(body)
}Isi dan res bertaip
Anotasikan isi untuk POST/PUT, serta respons yang bertaip. DTO anda juga berfungsi sebagai dokumentasi.
import { Request, Response } from "express"
type CreateUserBody = { name: string }
type CreateUserRes = { id: string; name: string }
export function createUser(req: Request<{}, CreateUserRes, CreateUserBody>, res: Response<CreateUserRes>) {
const { name } = req.body
const result: CreateUserRes = { id: "u_1", name }
return res.status(201).json(result)
}Pasang laluan
Gubah pengendali kecil yang bertaip. Parameter laluan disahkan dengan memadankan templat (contohnya, :id).
import express from "express"
import { getUser } from "./getUser"
import { createUser } from "./createUser"
const app = express()
app.use(express.json())
app.get("/users/:id", getUser)
app.post("/users", createUser)
app.listen(3000, () => console.log("http://localhost:3000"))Petua
Petua:
- Kekalkan DTO supaya kecil dan gunakannya semula merentas pengendali.
- Utamakan literal kesatuan untuk nilai pertanyaan yang terhad.
- Kembalikan kod status yang tepat dan JSON bertaip.
Semakan penaipan Express
Semakan pantas: Bagaimanakah anda memberikan jenis kepada pengendali Express dengan parameter dan isi JSON?
Ringkasan
Ringkasan: Anda memberikan jenis kepada parameter laluan, pertanyaan, isi dan respons. Corak yang sama boleh digunakan untuk penghala dan perantara.
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 “Pengendali penghala, penaipan Request/Response” percuma?
Ya — teks penuh “Pengendali penghala, penaipan Request/Response” 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 3 pelajaran.
Apakah yang akan saya pelajari dalam “Pengendali penghala, penaipan Request/Response”?
Taipkan pengendali laluan Express: parameter, pertanyaan dan badan JSON; hantar respons yang ditaip dengan res.json serta DTO yang boleh guna semula. 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 1 daripada 3.
Berapa lamakah pelajaran “Pengendali penghala, penaipan Request/Response” 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
- Pengendali penghala, penaipan Request/Response
- Pengesahan skema dengan zod dan inferens ke TS
- Perisian tengah ralat dan jenis hasil