当前位置: 首页>>代码示例>>TypeScript>>正文

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；未经允许，请勿转载。