Angular2 Dienste und Strecke Resolvern mit GraphQL

Question

I Angular2 mit GraphQL über Apollo-Client verwendet werden versuchen. Ich habe die Dokumentation verfolgt und alles scheint gut zu funktionieren. Die Dokumentation erläutert jedoch nur, wie Sie aus den Komponenten eine Verbindung zu GraphQL herstellen können. Es gibt keine Informationen darüber, wie man Dienste für Serveraufrufe nutzt oder was für mich noch wichtiger ist, wie man Angular2-Routenresolver mit Apollo-Abfrage oder watchQuery verwendet.

Ich habe eine Lösung gefunden, wie man diese Logik in den Dienst mit Apollo-Abfrage versetzt, und es scheint zu funktionieren, aber ich kann es nicht mit Apollo watchQuery Methode arbeiten. Hat jemand eine Idee zur möglichen Lösung?

Oder mein Ansatz vielleicht bewegen GraphQL Anrufe an Dienstleistungen und die Nutzung von Resolver ist falsch und GraphQL Logik einfach in Komponenten gelassen werden soll?

Answer 1

Wie ich im Kommentar erwähnt habe ich eine Lösung für den Umzug nach query 'ies zu Dienstleistungen oder Resolver gefunden, aber immer noch kein Glück mit watchQuery' ies (aber ich habe auch festgestellt, dass sie nicht wirklich notwendig für meine Anwendung).

Im Folgenden werde ich Ihnen einige Schnipsel geben, die hilfreich sein können.

definiere ich Methoden, die für die Durchführung von Abfragen in meinem Dienst verantwortlich sind:

public allItems(): Observable<ApolloQueryResult<Object>> { 
    return this.apollo.query({ 
    query: allItemsQuery 
    }); 
} 

Wo allItemsQuery ein Konstante Query-String:

export const allItemsQuery = gql` 
    query allItems { 
    items { 
     id 
     name 
    } 
    } 
`; 

als in meinen Resolvern ich die Methode einfach anrufen allItems aus der Service:

public resolve(route: ActivatedRouteSnapshot): Observable<ApolloQueryResult<Object>> | boolean { 
    return this.itemsService.allItems ? this.itemsService.allItems() : false; 
} 

Und Extrakt Route aufgelöste Daten in meiner Komponente:

this.activatedRoute.data.subscribe(data: {items: Item[]}) => { 
    console.log(items) 
} 

Natürlich, wenn in der Routing-Konfiguration Resolver mit Namen items wie genannt wird:

{ 
    path: 'items', 
    component: ItemsComponent, 
    resolve: { 
    items: ItemsResolve 
    } 
} 

Wenn Sie die Abfragen nicht über die Verwendung Resolver können Sie natürlich gewünschte Methoden aus den Komponenten aufrufen und dort abonnieren. Es gibt auch eine Möglichkeit, in den Diensten abonnieren und Rück Ebene Objekte/Arrays statt Observable<ApolloQueryResult<T>> aber aufgrund von Zeichnungen/unsubcriptions Ich denke, dass die vorgestellte Lösung ist bequemer.