Giới thiệu về client Voyager

Gato GraphQL cung cấp client GraphQL Voyager để trực quan hóa schema GraphQL một cách tương tác. Truy cập bằng cách nhấp vào "Interactive Schema" trong menu của plugin:

Voyager cung cấp cái nhìn tổng quan về schema GraphQL:

Nó giúp dễ dàng hiểu cách tất cả các phần tử trong schema liên kết với nhau, sử dụng các mũi tên để hiển thị các kết nối giữa các kiểu:

Schema có một điểm bắt đầu, tức là một kiểu mà từ đó tất cả các mối quan hệ được tính toán. Theo mặc định, đây là query root (trong trường hợp này, được xử lý thông qua kiểu QueryRoot), được chỉ ra trong bảng nổi ở phía dưới. Để trực quan hóa schema liên quan đến mutations, chúng ta có thể chọn kiểu mutation root tương ứng (trong trường hợp này là MutationRoot):

Nhấp vào một kiểu trên schema sẽ làm nổi bật các kết nối của nó và hiển thị metadata cho các trường của nó (kết quả tương tự xảy ra khi nhấp vào tên kiểu trên bảng điều khiển bên trái):

Ô tìm kiếm trên bảng điều khiển bên trái cho phép lọc các phần tử schema:

Nhấp vào một kết nối sẽ làm nổi bật nó, cả trong schema lẫn trên bảng điều khiển bên trái:

Chúng ta có thể sử dụng chuột (và ở một mức độ nhất định, các nút ở góc dưới bên phải màn hình) để điều hướng đồ thị, phóng to và thu nhỏ, di chuyển theo bất kỳ hướng nào và tập trung vào các phần tử:

Trên bảng nổi ở phía dưới, chúng ta có thêm một số tùy chọn:

• "Sort by alphabet" sắp xếp theo thứ tự bảng chữ cái tất cả các trường trong mỗi kiểu
• "Skip Relay" xóa các lớp wrapper của Relay
• "Skip deprecated" ẩn tất cả các trường đã bị deprecated
• "Show leaf fields" hiển thị tất cả các trường không phải là kết nối