GraphQL verwenden Feldwert als Variable für eine andere Abfrage

Question

Ich suche für 2 Objekte, die beide in der gleichen Komponente benötigt werden. Das Problem ist, dass eine der Abfragen auf die andere warten muss und ihr Feld id als Argument für die andere verwendet. Ich bin mir nicht sicher, wie ich das umsetzen soll.

const PlayerQuery = gql`query PlayerQuery($trackId: Int!, $duration: Int!, $language: String!) { 
    subtitle(trackId: $trackId, duration: $duration) { 
    id, 
    lines { 
     text 
     time 
    } 
    } 
    translation(trackId: $trackId, language: $language, subtitleId: ???) { 
    lines { 
     translation 
     original 
    } 
    } 
}`; 

So in der Abfrage oben translation muss subtitleId als Argument, die von der subtitle Abfrage zurückgegeben wird.
Ich benutze Apollo sowohl auf dem Client als auch auf dem Server.

Answer 1

Das ist eine gute Frage, weil es einen signifikanten Unterschied zwischen REST/RPC-APIs und GraphQL darstellt. In REST-Stil-APIs enthalten die von Ihnen zurückgegebenen Objekte nur Metadaten zum Abrufen weiterer Daten, und der API-Consumer muss wissen, wie die JOINs über diese Tabellen ausgeführt werden. In Ihrem Beispiel haben Sie eine subtitle und eine translation, die Sie mit der ID-Eigenschaft verbinden müssen. In GraphQL existieren Objekte selten isoliert und die Beziehungen sind im Schema selbst kodiert.

Sie haben Ihre schema nicht veröffentlicht, aber aus der Sicht, Sie erstellt ein translation Objekt und ein subtitle Objekt und legte sie beide in Ihrer Root-Abfrage. Meine Vermutung ist, dass es so etwas wie folgt aussieht:

const Translation = new GraphQLObjectType({ 
    name: "Translation", 
    fields: { 
    id: { type: GraphQLInt }, 
    lines: { type: Lines } 
    } 
}); 

const SubTitle = new GraphQLObjectType({ 
    name: "SubTitle", 
    fields: { 
    lines: { type: Lines } 
    } 
}); 

const RootQuery = new GraphQLObjectType({ 
    name: "RootQuery", 
    fields: { 
    subtitle: { type: SubTitle }, 
    translation: { type: Translation } 
    } 
}); 

module.exports = new GraphQLSchema({ 
    query: RootQuery 
}); 

Was Sie stattdessen tun sollten, ist eine Beziehung zu Übersetzungen wie diese INSIDE OF Untertitel zu machen. Das Ziel von GraphQL besteht darin, zunächst ein Diagramm oder Beziehungen in Ihren Daten zu erstellen und dann herauszufinden, wie Einstiegspunkte für diese Daten verfügbar gemacht werden. Mit GraphQL können Sie beliebige Teilbäume in einem Diagramm auswählen.

const Translation = new GraphQLObjectType({ 
    name: "Translation", 
    fields: { 
    id: { type: GraphQLInt }, 
    lines: { type: Lines } 
    } 
}); 

const SubTitle = new GraphQLObjectType({ 
    name: "SubTitle", 
    fields: { 
    lines: { type: Lines } 
    translations: { 
     type: Translation, 
     resolve:() => { 
     // Inside this resolver you should have access to the id you need 
     return { /*...*/ } 
     } 
    } 
    } 
}); 

const RootQuery = new GraphQLObjectType({ 
    name: "RootQuery", 
    fields: { 
    subtitle: { type: SubTitle } 
    } 
}); 

module.exports = new GraphQLSchema({ 
    query: RootQuery 
}); 

Hinweis: Aus Gründen der Übersichtlichkeit habe ich die Argumente Felder und alle zusätzlichen Resolver weggelassen. Ich bin mir sicher, dass dein Code ein bisschen ausgefeilter sein wird, ich wollte nur den Punkt verdeutlichen :).