当前位置: 首页>>代码示例>>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;未经允许,请勿转载。