{"id":88750,"date":"2024-12-18T07:39:41","date_gmt":"2024-12-18T04:09:41","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/zod-vs-class-validator-class-transformer-3oam\/"},"modified":"2024-12-18T07:39:41","modified_gmt":"2024-12-18T04:09:41","slug":"zod-vs-class-validator-class-transformer-3oam","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/zod-vs-class-validator-class-transformer-3oam\/","title":{"rendered":"zod vs class-validator \u0648 class-transformer"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0645\u0642\u0627\u06cc\u0633\u0647 zod \u0628\u0627 class-validator \u0648 class-transformer \u062f\u0631 NestJS<\/p>\n

\u06af\u06cc\u062c \u0634\u062f\u0647 \u0628\u0648\u062f\u0645 \u06cc\u0627 \u062d\u062f\u0627\u0642\u0644 \u06a9\u0646\u062c\u06a9\u0627\u0648 \u0628\u0648\u062f\u0645 zod \u06cc\u0627 class-validator & class-transformer\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u062f\u0631 NestJS.<\/p>\n

\u0646\u0642\u0637\u0647 \u0627\u0635\u0644\u06cc<\/p>\n

\u0641\u0642\u0637 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0622\u0646 \u0628\u0631\u0648\u06cc\u062f.<\/p>\n

1. \u062f\u0644\u06cc\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 class-validator & class-transformer<\/p>\n

\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc \u0645\u06cc \u06a9\u0646\u062f \u062f\u0648\u062a\u0627\u06cc\u06cc \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u0648 \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 NestJS
\n\u0631\u0648\u0634 \u0646\u0648\u0634\u062a\u0646 \u062e\u06cc\u0644\u06cc NestJS \u0686\u0648\u0646 \u0647\u0633\u062a \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u062f\u06a9\u0648\u0631\u0627\u062a\u0648\u0631<\/p>\n

\u0627\u062f\u063a\u0627\u0645 \u062a\u0645\u06cc\u0632 \u0648 \u0628\u062f\u0648\u0646 \u062f\u0631\u0632 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0634\u062a\u0631\u06a9 \u0622\u0646\u0647\u0627 class-transformer & ValidationPipe<\/p>\n

2. \u062f\u0644\u06cc\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 zod<\/p>\n

\u0686\u0627\u0631\u0686\u0648\u0628 \u0622\u06af\u0646\u0648\u0633\u062a\u06cc\u06a9
\n\u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a banget
\n\u0622\u0646 \u0631\u0627 \u0627\u0631\u062c\u062d \u062a\u0631 \u06a9\u0646\u06cc\u062f \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc & \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u0631\u0648\u06cc\u06a9\u0631\u062f
\n\u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0633\u0628\u06a9 \u0648\u0632\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a<\/p>\n

\u062c\u0632\u0626\u06cc\u0627\u062a<\/p>\n

class-validator & class-transformer \u062f\u0631 \u0648\u0627\u0642\u0639\u060c 2 \u0628\u0633\u062a\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u062f\u0631 NestJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c\u0628\u0644\u0647\u060c \u062c\u062f\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u0647 \u0631\u0648\u0634 \u0646\u0648\u0634\u062a\u0646 \u0647\u0645\u0627\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 NestJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u062f\u06a9\u0648\u0631\u0627\u062a\u0648\u0631\u060c\u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u06a9\u0647 \u062a\u0645\u06cc\u0632 \u0648 \u0628\u062f\u0648\u0646 \u062f\u0631\u0632 \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646 \u0628\u0627 \u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f Validation Pipe \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 DTO.<\/p>\n

\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc\/\u0628\u0627\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc \u062a\u0648\u0633\u0637 \u06a9\u0646\u062a\u0631\u0644\u200c\u06a9\u0646\u0646\u062f\u0647 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0648 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0622\u0646 \u062a\u063a\u06cc\u06cc\u0631\/\u062a\u063a\u06cc\u06cc\u0631 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 zod \u0647\u0646\u0648\u0632 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\/\u0628\u0627\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc \u0631\u0627 \u062a\u0623\u06cc\u06cc\u062f \u06a9\u0646\u062f\u060c\u0628\u0644\u0647\u060c \u0634\u0627\u06cc\u062f \u0641\u0642\u0637 1 \u06cc\u0627 \u062d\u062f\u0627\u06a9\u062b\u0631 3 \u062e\u0637\u060c\u0627\u0645\u0627 \u0627\u0644\u0628\u062a\u0647 \u0647\u0631 \u0686\u0647 \u062a\u0648\u0627\u0628\u0639 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0628\u0627\u0634\u062f\u060c \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u062f\u0633\u062a\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0627\u0633\u062a.<\/p>\n

\u062c\u0632\u0626\u06cc\u0627\u062a \u0631\u0648\u06cc\u0647<\/p>\n

\u062f\u0631 \u0632\u06cc\u0631 \u0631\u0648\u0634 \u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 (\u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0630\u0647\u0646\u06cc) \u0628\u0631\u0627\u06cc \u0645\u0642\u0627\u06cc\u0633\u0647<\/p>\n

class-validator & class-transformer<\/p>\n

1. \u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/p>\n

npm install class-validator class-transformer<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

2. \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u062c\u0647\u0627\u0646\u06cc \u0631\u0627 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/p>\n

\/\/ main.ts
\n….
\nimport { ValidationPipe } from ‘@nestjs\/common’;<\/p>\n

async function bootstrap() {
\n….
\n \/\/ Enable validation globally
\n app.useGlobalPipes(new ValidationPipe({
\n transform: true, \/\/ Automatically transform payloads to DTO instances
\n whitelist: true, \/\/ Strip unknown properties
\n forbidNonWhitelisted: true, \/\/ Throw error for unknown properties
\n }));
\n….
\n}
\n….<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

3. \u062a\u0639\u0631\u06cc\u0641 DTO (Data Transfer Object)<\/p>\n

import { IsNotEmpty, IsString, IsInt, Min } from “class-validator”;
\nimport { Type, Transform } from “class-transformer”;<\/p>\n

export class CreateUserDto {
\n @Transform(({ value }) => value.trim()) \/\/ Trim whitespaces
\n @IsNotEmpty({ message: “Nama tidak boleh kosong” })
\n @IsString({ message: “Nama harus berupa string” })
\n @Min(3, { message: “Minimal panjang nama 3 karakter” })
\n name: string;<\/p>\n

@Type(() => Number) \/\/ Transform input ke tipe Number
\n @IsNotEmpty({ message: “Nama tidak boleh kosong” })
\n @IsInt({ message: “Umur harus berupa bilangan bulat” })
\n @Min(17, { message: “Minimal umur terdaftar 17 tahun” })
\n age: number;
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062e\u06cc\u0644\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc \u0627\u0633\u062a\u060c \u0628\u0644\u0647\u060c \u0627\u0645\u0627 \u0647\u0645\u06cc\u0646 \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u062f\u06a9\u0648\u0631\u0627\u062a\u0648\u0631.<\/p>\n

4. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc<\/p>\n

import { Body, Controller, Post } from “@nestjs\/common”;
\nimport { CreateUserDto } from “.\/create-user.dto”;<\/p>\n

@Controller(“users”)
\nexport class UsersController {
\n @Post()
\n create(@Body() createUserDto: CreateUserDto) {
\n \/\/ Pada titik ini data\/payload createUserdDto
\n \/\/ sudah tervalidasi & diubah sesuai definisinya
\n \/\/ developer bisa langsung eksekusi service
\n \/\/ atau logic yang lain
\n }
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

zod<\/p>\n

1. \u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/p>\n

npm install zod<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

2. \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/p>\n

\/\/ user.validaiton.ts
\nimport { z, ZodType } from “zod”;<\/p>\n

export class UserValidation {
\n static readonly CREATE: ZodType = z.object({
\n name: z
\n .string({ message: “Nama harus berupa string” })
\n .nonempty({ message: “Nama tidak boleh kosong” })
\n .min(3, “Minimal panjang nama 13 karakter”),
\n age: z
\n .number({ message: “Umur harus berupa angka” })
\n .int({ message: “Umur harus berupa bilangan bulat” })
\n .min(17, “Minimal umur terdaftar 17 tahub”),
\n });
\n}<\/p>\n

export type TCreateUserPayload = z.infer<typeof UserValidation.CREATE>;<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

*\u0634\u062e\u0635\u06cc: \u062e\u0648\u0627\u0646\u062f\u0646 \u0627\u06cc\u0646 \u0637\u0631\u062d\u0648\u0627\u0631\u0647 \u0631\u0627 \u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u0637\u0631\u062d \u0628\u0627\u0644\u0627 \u062a\u0631\u062c\u06cc\u062d \u0645\u06cc \u062f\u0647\u0645<\/p>\n

3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc<\/p>\n

import { Body, Controller, Post } from “@nestjs\/common”;
\nimport { UserValidation, TCreateUserPayload } from “.\/user.validation.ts”;<\/p>\n

@Controller(“users”)
\nexport class UsersController {
\n @Post()
\n create(@Body() createUserPayload: TCreateUserPayload) {
\n const payload = UserValidation.CREATE.parse(createUserPayload);
\n \/\/ Pada titik ini data\/payload payload
\n \/\/ sudah tervalidasi & diubah sesuai definisinya
\n \/\/ developer bisa langsung eksekusi service
\n \/\/ atau logic yang lain
\n }
\n}<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n

\u0645\u0646 \u0634\u062e\u0635\u0627\u064b \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627 \u062a\u0631\u062c\u06cc\u062d \u0645\u06cc \u062f\u0647\u0645 zod.\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u0622\u0646\u0686\u0647 \u0628\u0627\u06cc\u062f \u0628\u0631 \u0622\u0646 \u062a\u0627\u06a9\u06cc\u062f \u0634\u0648\u062f \u0627\u06cc\u0646 \u0627\u0633\u062a \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u06cc\u0627\u0632\u0647\u0627 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062a\u06cc\u0645 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n

https:\/\/abdulghofurme.github.io\/posts\/zod-vs-class-validator-n-class-transformer\/<\/p>\n

\n

\u0645\u0642\u0627\u06cc\u0633\u0647 zod \u0628\u0627 class-validator \u0648 class-transformer \u062f\u0631 NestJS<\/p>\n

\u06af\u06cc\u062c \u0634\u062f\u0647 \u0628\u0648\u062f\u0645 \u06cc\u0627 \u062d\u062f\u0627\u0642\u0644 \u06a9\u0646\u062c\u06a9\u0627\u0648 \u0628\u0648\u062f\u0645 zod<\/code> \u06cc\u0627 class-validator<\/code> & class-transformer<\/code>
\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc \u062f\u0631 NestJS.<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n