Подключите приложение Angular к нескольким клиентам Apollo - PullRequest
Новая
       34

Подключите приложение Angular к нескольким клиентам Apollo

0 голосов
/ 20 мая 2019

Следуя Угловым документам Apollo , я применил эту конфигурацию для подключения к данной конечной точке graphql: 

import { HttpClientModule } from "@angular/common/http";
import { ApolloModule, APOLLO_OPTIONS } from "apollo-angular";
import { HttpLinkModule, HttpLink } from "apollo-angular-link-http";
import { InMemoryCache } from "apollo-cache-inmemory";

@NgModule({
  imports: [
    BrowserModule,
    HttpClientModule,
    ApolloModule,
    HttpLinkModule
  ],
  providers: [{
    provide: APOLLO_OPTIONS,
    useFactory: (httpLink: HttpLink) => {
      return {
        cache: new InMemoryCache(),
        link: httpLink.create({
          uri: "https://my.endpoint.io/graphql"
        })
      }
    },
    deps: [HttpLink]
  }],
})
export class AppModule {}

Можно ли использовать эту же конфигурацию для подключения к другой конечной точке graphql?

В документах есть этот раздел , который показывает, как использовать несколько клиентов, но я не понимаю, как его применить с apollo-angular-link-http

Спасибо.

1 Ответ

0 голосов
/ 20 мая 2019

У меня есть рабочее решение, изменив начальную конфигурацию и следуя второй ссылке о реализации нескольких клиентов: 

import { NgModule } from '@angular/core';
import { HttpClientModule, HttpHeaders } from '@angular/common/http';
import { Apollo, ApolloModule } from 'apollo-angular';
import { HttpLinkModule, HttpLink } from 'apollo-angular-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';

@NgModule({
  imports: [
    HttpClientModule,
    ApolloModule,
    HttpLinkModule
  ]
})
export class GraphQLModule {

  private readonly URI1: string = 'http://first.endpoint.io/graphql';
  private readonly URI2: string = 'http://second.endpoint.io/graphql';

  constructor(
    apollo: Apollo,
    httpLink: HttpLink
  ) {
    const options1: any = { uri: this.URI1 };
    apollo.createDefault({
      link: httpLink.create(options1),
      cache: new InMemoryCache()
    });

    const options2: any = { uri: this.URI2 };
    apollo.createNamed('endpoint2', {
      link: httpLink.create(options2),
      cache: new InMemoryCache()
    });
  }
}

Второй клиент может быть использован следующим образом: 

apollo.use('endpoint2').watchQuery({...});
...