apollo-angular-link-http

import { NgModule } from '@angular/core'; import { HttpClientModule, HttpHeaders } from '@angular/common/http'; import { ApolloModule, Apollo } from 'apollo-angular'; import { HttpLinkModule, HttpLink } from 'apollo-angular-link-http'; import { InMemoryCache } from '@apollo/client/core'; // From @apollo/client import { gql } from 'graphql-tag'; // For defining GraphQL queries const MY_QUERY = gql` query MyQuery($id: ID!) { item(id: $id) { name description } } `; @NgModule({ imports: [HttpClientModule, ApolloModule, HttpLinkModule], // ... other module configurations }) class AppModule { constructor(apollo: Apollo, httpLink: HttpLink) { apollo.create({ link: httpLink.create({ uri: '/graphql', includeExtensions: false, headers: new HttpHeaders().set('Authorization', 'Bearer ' + (process.env.AUTH_TOKEN ?? '')), }), cache: new InMemoryCache(), }); // Example of executing a query with context apollo.query({ query: MY_QUERY, variables: { id: '123' }, context: { headers: new HttpHeaders().set('X-Custom-Header', 'custom-value'), }, }).subscribe({ next: ({ data, loading }) => { console.log('Query data:', data); console.log('Loading:', loading); }, error: (error) => { console.error('Query error:', error); } }); } }