Voyager İstemcisine Giriş

Gato GraphQL, GraphQL şemasını etkileşimli olarak görselleştirmek için GraphQL Voyager istemcisini sağlar. Eklenti menüsündeki "Interactive Schema" seçeneğine tıklayarak erişebilirsiniz:

Voyager, GraphQL şemasına kuş bakışı bir görünüm sunar:

Şemadaki tüm öğelerin birbirleriyle nasıl ilişkili olduğunu anlamayı kolaylaştırır; türler arasındaki bağlantıları göstermek için oklar kullanır:

Şemanın bir başlangıç noktası vardır; yani tüm ilişkilerin hesaplandığı bir tür. Varsayılan olarak bu, altta yer alan kayan panelde belirtilen query köküdür (bu durumda QueryRoot türü aracılığıyla yönetilir). Mutation'larla ilgili şemayı görselleştirmek için ilgili mutation kök türünü seçebiliriz (bu durumda MutationRoot):

Şemadaki bir türe tıklamak, bağlantılarını vurgular ve alanlarına ait meta verileri görüntüler (sol taraftaki panelde türün adına tıklandığında da aynı sonuç elde edilir):

Sol taraftaki paneldeki arama girişi, şema öğelerini filtrelemeyi sağlar:

Bir bağlantıya tıklamak, hem şemada hem de sol taraftaki panelde o bağlantıyı vurgular:

Grafikte gezinmek, yakınlaştırmak ve uzaklaştırmak, herhangi bir yönde hareket etmek ve öğelere odaklanmak için fareyi (ve belirli ölçüde ekranın sağ alt köşesindeki düğmeleri) kullanabiliriz:

Alttaki kayan panelde birkaç ek seçenek bulunur:

• "Sort by alphabet" her türdeki tüm alanları alfabetik olarak sıralar
• "Skip Relay" Relay'in sarmalayıcı sınıflarını kaldırır
• "Skip deprecated" kullanımdan kaldırılmış tüm alanları gizler
• "Show leaf fields" bağlantı olmayan tüm alanları görüntüler