Directive trong GraphQL là gì và làm thế nào để sử dụng các directive có sẵn như @include hoặc @skip để điều kiện hóa việc trả về dữ liệu từ phía Client?

Question

Accepted Answer

Khái niệm Directive trong GraphQL
Directive trong GraphQL là một công cụ mạnh mẽ cho phép chúng ta thay đổi cấu trúc hoặc hành vi của một Query, Mutation hoặc Schema dựa trên các điều kiện cụ thể. Directive được gắn trực tiếp vào các Field, Fragment hoặc Operation thông qua dấu @ kèm theo tên directive và các tham số.
Các Directive mặc định
GraphQL spec cung cấp sẵn hai directive cực kỳ hữu ích cho việc kiểm soát dữ liệu tại Client:

@include(if: Boolean): Chỉ định nghĩa rằng field hoặc fragment sẽ được bao gồm trong kết quả trả về nếu điều kiện truyền vào là true.
@skip(if: Boolean): Ngược lại với @include, nó sẽ bỏ qua field hoặc fragment nếu điều kiện truyền vào là true.

Ví dụ minh họa thực tế
Giả sử chúng ta muốn lấy thông tin người dùng nhưng chỉ muốn lấy trường email khi người dùng đánh dấu cờ hiển thị email:
query GetUserProfile($includeEmail: Boolean!) {
  user(id: "123") {
    name
    age
    email @include(if: $includeEmail)
  }
}
Lợi ích và Lưu ý thực chiến

Tối ưu hóa băng thông: Giúp Client linh hoạt yêu cầu đúng lượng dữ liệu cần thiết mà không phải tạo ra nhiều query riêng biệt trên server.
Lưu ý cho Junior: Không nên lạm dụng directive để xử lý các logic nghiệp vụ phức tạp ở phía Client vốn dĩ nên được giải quyết bằng việc thiết kế lại Schema hoặc tách biệt Query rõ ràng.

Directive trong GraphQL là gì và làm thế nào để sử dụng các directive có sẵn như @include hoặc @skip để điều kiện hóa việc trả về dữ liệu từ phía Client?

Khái niệm Directive trong GraphQL

Làm Chủ Phỏng Vấn & Nâng Cao Trình Độ Chuyên Nghiệp

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi graphql liên quan cùng chủ đề