Wprowadzenie do klienta Voyager

Gato GraphQL udostępnia klienta GraphQL Voyager do interaktywnego wizualizowania schematu GraphQL. Otwórz go, klikając "Interactive Schema" w menu wtyczki:

Voyager oferuje panoramiczny widok schematu GraphQL:

Ułatwia on zrozumienie, jak wszystkie elementy schematu są ze sobą powiązane, używając strzałek do pokazania połączeń między typami:

Schemat posiada punkt startowy, czyli typ, od którego obliczane są wszystkie relacje. Domyślnie jest to root queries (w tym przypadku obsługiwany przez typ QueryRoot), wskazany w pływającym panelu na dole. Aby zwizualizować schemat pod kątem mutations, możemy wybrać odpowiedni typ root mutations (w tym przypadku MutationRoot):

Kliknięcie na typ w schemacie podświetla jego połączenia i wyświetla metadane jego pól (ten sam efekt uzyskuje się klikając na nazwę typu w lewym panelu bocznym):

Pole wyszukiwania w lewym panelu bocznym umożliwia filtrowanie elementów schematu:

Kliknięcie na połączenie podświetla je zarówno w schemacie, jak i w lewym panelu bocznym:

Możemy używać myszy (oraz w pewnym stopniu przycisków w prawym dolnym rogu ekranu) do nawigowania po grafie — powiększania i pomniejszania, przesuwania w dowolnym kierunku oraz skupiania się na elementach:

W pływającym panelu na dole dostępnych jest kilka dodatkowych opcji:

• "Sort by alphabet" sortuje alfabetycznie wszystkie pola każdego typu
• "Skip Relay" usuwa klasy opakowujące Relay
• "Skip deprecated" ukrywa wszystkie przestarzałe pola
• "Show leaf fields" wyświetla wszystkie pola, które nie są połączeniem