Công cụ định dạng & kiểm tra GraphQL

Dán query, mutation hoặc schema để định dạng lại, thu gọn hoặc tìm lỗi. Thêm schema của bạn và mọi trường, đối số, biến trong query sẽ được đối chiếu với schema đó.

Cập nhật
Kiểm tra theo schema — SDL tùy chọn, kiểm tra trường, đối số, kiểu và biến

Dữ liệu của bạn không bao giờ rời khỏi máy tính. Mọi xử lý diễn ra 100% cục bộ trong trình duyệt của bạn.

Công cụ này có hữu ích không?0.0 0 lượt đánh giá
Tạo truy vấn và mutation GraphQL bằng cách tick chọn trườngDán schema, chọn các trường cần dùng, điền tham số và sao chép query cùng JSON variables ngay trên trình duyệt.Trình tạo truy vấn GraphQL →

Cách dùng Công cụ định dạng & kiểm tra GraphQL

  1. Dán một query, mutation, subscription, fragment hoặc schema GraphQL (SDL).
  2. Nội dung được định dạng ngay khi bạn gõ. Lỗi cú pháp sẽ hiển thị dòng và cột.
  3. Tùy chọn: mở Kiểm tra theo schema và dán SDL của bạn để kiểm tra từng trường và đối số.
  4. Sao chép kết quả đã định dạng hoặc đã thu gọn.

Công cụ kiểm tra những gì?

Khi không có schema, công cụ kiểm tra cú pháp: dấu ngoặc nhọn cân bằng, tên hợp lệ, cú pháp đối số và biến, cùng cách escape trong chuỗi và block string. Khi có schema, công cụ chạy toàn bộ quy tắc xác thực GraphQL theo đặc tả, tức là những quy tắc mà máy chủ GraphQL áp dụng trước khi thực thi một query:

  • Mỗi trường phải tồn tại trên kiểu của nó. Trường lá (scalar, enum) không được có tập chọn lọc con, còn trường object thì bắt buộc phải có.
  • Đối số phải tồn tại, các đối số bắt buộc phải được truyền và giá trị phải đúng kiểu.
  • Biến phải được khai báo và sử dụng, đồng thời kiểu của biến phải khớp với nơi nó được dùng.
  • Fragment phải được sử dụng, khớp với kiểu mà nó được spread vào và không tạo thành vòng lặp.
  • Tên operation phải là duy nhất, và operation không có tên phải là operation duy nhất trong tài liệu.

Định dạng và thu gọn

Định dạng dùng hàm print tham chiếu từ graphql-js, nên kết quả khớp với những gì hầu hết công cụ GraphQL tạo ra: thụt lề hai khoảng trắng, mỗi trường một dòng và khoảng trắng quanh đối số được chuẩn hóa. Thu gọn sẽ bỏ comment và khoảng trắng không cần thiết, rất hữu ích cho các request GET và persisted query khi từng byte đều quan trọng. Cần tạo query từ schema? Hãy dùng công cụ tạo GraphQL query.

Cũng được tìm dưới tên: định dạng graphql, kiểm tra graphql online, format graphql query, graphql validator, làm đẹp graphql, rút gọn graphql, kiểm tra cú pháp graphql, định dạng sdl.

Các công cụ dùng kèm tốt với Công cụ định dạng & kiểm tra GraphQL

  • Định dạng JSON — Dán JSON để định dạng đẹp, nén hoặc kiểm tra.
  • Kiểm tra OpenAPI / Swagger — Dán đặc tả API vào để kiểm tra theo schema OpenAPI chính thức, phát hiện tham chiếu hỏng và tham số path không nhất quán, đồng thời xem toàn bộ endpoint chỉ trong một cái nhìn.
  • Kiểm tra JSON Schema — Dán schema và dữ liệu JSON để xem chính xác giá trị nào vi phạm quy tắc nào, hoặc tạo schema ban đầu từ dữ liệu mẫu.
  • Webhook Tester — Lấy một URL riêng, gửi webhook hoặc HTTP client của bạn tới đó và xem request đổ về ngay lập tức — header, query string và body đã được định dạng, cùng với kiểm tra chữ ký HMAC.

Câu hỏi thường gặp

Công cụ có hỗ trợ file schema (SDL) không?
Có. Định nghĩa kiểu, interface, union, enum, input type, directive và schema extension đều được định dạng và kiểm tra cú pháp giống như query.
Công cụ có thể lấy schema từ endpoint không?
Không. Bạn hãy dán SDL trực tiếp. Bạn có thể xuất SDL bằng các công cụ như rover graph introspect, get-graphql-schema hoặc lấy từ mã nguồn của máy chủ.
Query của tôi có được gửi đi đâu không?
Không. Việc phân tích cú pháp, định dạng và kiểm tra đều chạy trong trình duyệt của bạn bằng graphql-js.
Tôi có thể cài Công cụ định dạng & kiểm tra GraphQL như một ứng dụng web và dùng khi không có mạng không?
Có. Công cụ định dạng & kiểm tra GraphQL là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.

Công cụ liên quan