TypeScript apollo-client.createNetworkInterface函數代碼示例

本文整理匯總了TypeScript中apollo-client.createNetworkInterface函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript createNetworkInterface函數的具體用法？TypeScript createNetworkInterface怎麽用？TypeScript createNetworkInterface使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。

在下文中一共展示了createNetworkInterface函數的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: ApolloClient

import { ApolloClient, createNetworkInterface } from 'apollo-client';

const client = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri: '/graphql',
    opts: {
      credentials: 'same-origin',
    },
  }),
});

export {
  client
}

開發者ID:drager，項目名稱:angular2-apollo，代碼行數:14，代碼來源:client.ts

示例2: enableProdMode

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent, environment } from './app/';
import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2';
import { appRouterProviders } from './app/app.routes';
import {disableDeprecatedForms, provideForms} from '@angular/forms'; 
import { HTTP_PROVIDERS } from '@angular/http';
import {defaultApolloClient,APOLLO_PROVIDERS} from 'angular2-apollo';
import ApolloClient, {createNetworkInterface} from 'apollo-client';

if (environment.production) {
  enableProdMode();
}
const client = new ApolloClient({
  networkInterface: createNetworkInterface('http://localhost:8080')
});

bootstrap(AppComponent, [
  HTTP_PROVIDERS,
  //Forms
  disableDeprecatedForms(),
  provideForms(),
  //Routing
  appRouterProviders,
  FIREBASE_PROVIDERS,
  //Apollo
  APOLLO_PROVIDERS,
  defaultApolloClient(client),
  // Initialize Firebase app  
  defaultFirebase({
    apiKey: "AIzaSyBjP_3k1BwzoUizos6vKOyF_z-65CzTqsw",

開發者ID:Gmannheim，項目名稱:Angular2-Firebase，代碼行數:31，代碼來源:main.ts

示例3: ApolloClient

import ApolloClient, { createNetworkInterface } from 'apollo-client';

// Polyfill fetch
import 'whatwg-fetch';

const client = new ApolloClient({
  networkInterface: createNetworkInterface('/graphql', {
    credentials: 'same-origin',
  }),
  shouldBatch: true,
});

export default client;

開發者ID:Tallyb，項目名稱:graphql-demo，代碼行數:13，代碼來源:client.ts

示例4: ApolloClient

import { ApolloClient, createNetworkInterface } from 'apollo-client';

const client = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri: process.env.SERVER + '/graphql',
  }),
});

export function getApolloClient(): ApolloClient {
  return client;
}

開發者ID:CHBaker，項目名稱:angular-cesium，代碼行數:11，代碼來源:apollo-client.ts

示例5: createNetworkInterface

import 'isomorphic-fetch';

import { ApolloClient, createNetworkInterface } from 'apollo-client';

const networkInterface = createNetworkInterface({
  uri: '/graphql'
});

export const client = new ApolloClient({
  networkInterface
});

開發者ID:correasebastian，項目名稱:apollo-chat，代碼行數:11，代碼來源:apollo.browser.ts

示例6: ApolloClient

import { ApolloClient, createNetworkInterface } from 'apollo-client';

const clientConfig = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri: '/api/graphql'
  })
});

export function client(): ApolloClient {
  return clientConfig;
}

開發者ID:dgayathiri，項目名稱:mean，代碼行數:11，代碼來源:graphql.client.ts

示例7: createNetworkInterface

import config from '../config';
import ApolloClient, {
  createNetworkInterface
} from 'apollo-client';

const networkInterface = createNetworkInterface(config.url);
networkInterface.use([
  {
    applyMiddleware(req, next) {
      if (!req.options.headers) {
        req.options.headers = {};
      }
      if (localStorage.getItem('SCAPHOLD_AUTH_TOKEN')) {
        req.options.headers['Authorization'] = `Bearer ${localStorage.getItem('SCAPHOLD_AUTH_TOKEN')}`;
      }
      next();
    }
  }
]);

const apolloClient = new ApolloClient({
  networkInterface
});

export default apolloClient;

開發者ID:scaphold-io，項目名稱:angular2-apollo-client-webpack-starter，代碼行數:25，代碼來源:client.ts

示例8: createNetworkInterface

import { ApolloClient, createNetworkInterface } from 'apollo-client';
import { addGraphQLSubscriptions, SubscriptionClient } from 'subscriptions-transport-ws';
import { environment } from '../../../environments/environment';
import { AuthorizationMiddleware } from '../../shared/services/authorization-middleware';

const networkInterface = createNetworkInterface({
  uri: environment.server + '/graphql'
});

networkInterface.use([new AuthorizationMiddleware()]);

const wsClient = new SubscriptionClient(environment.subscriptionServer + '/subscriptions', {
  reconnect: true,
  connectionParams: {}
});

const networkInterfaceWithSubscriptions = addGraphQLSubscriptions(
  networkInterface,
  wsClient
);

const apolloClient = new ApolloClient({
  networkInterface: networkInterfaceWithSubscriptions
});

export function getApolloClient(): ApolloClient {
  return apolloClient;
}

開發者ID:RocketChat，項目名稱:Rocket.Chat.PWA，代碼行數:28，代碼來源:apollo-client.ts

示例9: ApolloClient

import {bootstrap}    from '@angular/platform-browser-dynamic';
import AppComponent from './app';
import {appRouterProviders} from './routes';
import {disableDeprecatedForms, provideForms} from '@angular/forms';

import {
  defaultApolloClient,
  APOLLO_PROVIDERS
} from 'angular2-apollo';

import ApolloClient, {
  createNetworkInterface
} from 'apollo-client';
import SchemaService from './schema_service';

const client = new ApolloClient({
  networkInterface: createNetworkInterface('http://localhost:4000/graphql')
});

bootstrap(AppComponent, [
  appRouterProviders,
  disableDeprecatedForms(),
  provideForms(),
  APOLLO_PROVIDERS,
  SchemaService,
  defaultApolloClient(client)
  ]);

開發者ID:gaslight，項目名稱:graphql-admin，代碼行數:27，代碼來源:boot.ts

示例10: createNetworkInterface

import 'isomorphic-fetch';

import { ApolloClient, createNetworkInterface } from 'apollo-client';

const networkInterface = createNetworkInterface({
  uri: 'http://localhost:3000/graphql'
});

export const client = new ApolloClient({
  networkInterface,
  ssrMode: true
});

開發者ID:correasebastian，項目名稱:apollo-chat，代碼行數:12，代碼來源:apollo.node.ts

注：本文中的apollo-client.createNetworkInterface函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。