Menu
CoddyTech

Pipe Parsing

Termasuk bagian TypeScript dan NestJS dalam perjalanan Node.js di Coddy. Pelajaran 13 dari 17.

GET /tasks/abc menjawab 404 "Task NaN not found", tetapi abc sama sekali bukan id: itu adalah permintaan yang buruk, 400. Pipe dapat mengonversi sekaligus memeriksa.

@Get()
findAll(@Query('year', ParseIntPipe) year: number) {
    return this.reportsService.forYear(year);
}

Jika diberikan sebagai argumen kedua dekorator parameter, ParseIntPipe mengubah teks menjadi angka sebelum method dijalankan. GET /reports?year=2026 meneruskan angka 2026, jadi year: number akhirnya benar; ?year=soon menjawab 400 "Validation failed (numeric string is expected)" dan method tidak pernah dijalankan. ParseBoolPipe dan ParseUUIDPipe bekerja dengan cara yang sama.

challenge icon

Tantangan

Mudah
  • GET /tasks/abc dan DELETE /tasks/abc menghasilkan respons 400.
  • id numerik tetap berfungsi seperti sebelumnya; id yang tidak dikenal tetap menghasilkan respons 404.
  • Kirim GET /tasks/abc, lalu GET /tasks/1, kemudian GET /tasks/9999.

Coba sendiri

import { Body, Controller, Delete, Get, HttpCode, Inject, Param, Post, Query } from '@nestjs/common';
import { CreateTaskDto } from './dto/create-task.dto';
import { Task, TasksService } from './tasks.service';

@Controller('tasks')
export class TasksController {
    constructor(
        private readonly tasksService: TasksService,
        @Inject('PAGE_SIZE') private readonly pageSize: number,
    ) {}

    @Get()
    findAll(@Query('done') done?: string, @Query('page') page = '1') {
        const tasks = this.tasksService.findAll(done);
        const current = Number(page);
        const start = (current - 1) * this.pageSize;
        return {
            items: tasks.slice(start, start + this.pageSize),
            page: current,
            total: tasks.length,
            pages: Math.ceil(tasks.length / this.pageSize),
        };
    }

    @Get(':id')
    findOne(@Param('id') id: string): Task {
        return this.tasksService.findOne(Number(id));
    }

    @Post()
    create(@Body() dto: CreateTaskDto): Task {
        return this.tasksService.create(dto);
    }

    @Delete(':id')
    @HttpCode(204)
    remove(@Param('id') id: string): void {
        this.tasksService.remove(Number(id));
    }
}

Semua pelajaran di TypeScript dan NestJS

Latihan sendiri: Playground Express