@absinthe/socket-apollo-link 中文文档教程

发布于 6年前 浏览 16 项目主页 更新于 3年前

@absinthe/socket-apollo-link

Absinthe Socket Apollo Link

Installation

Using npm

$ npm install --save @absinthe/socket-apollo-link

Using yarn

$ yarn add @absinthe/socket-apollo-link

Examples

  1. Create AbsintheSocketLink (absinthe-socket-link.js)
// @flow

import * as AbsintheSocket from "@absinthe/socket";
import {createAbsintheSocketLink} from "@absinthe/socket-apollo-link";
import {Socket as PhoenixSocket} from "phoenix";

export default createAbsintheSocketLink(AbsintheSocket.create(
  new PhoenixSocket("ws://localhost:4000/socket")
));
  1. Send all the operations using AbsintheSocketLink
// @flow

import ApolloClient from "apollo-client";
import {InMemoryCache} from "apollo-cache-inmemory";

// see example 1
import absintheSocketLink from "./absinthe-socket-link";

const client = new ApolloClient({
  link: absintheSocketLink,
  cache: new InMemoryCache()
});
  1. Subscribe using AbsintheSocketLink and send queries and mutations using HttpLink
// @flow

import ApolloClient from "apollo-client";
import {createHttpLink} from "apollo-link-http";
import {hasSubscription} from "@jumpn/utils-graphql";
import {InMemoryCache} from "apollo-cache-inmemory";
import {split} from "apollo-link";

// see example 1
import absintheSocketLink from "./absinthe-socket-link";

const link = split(
  operation => hasSubscription(operation.query),
  absintheSocketLink,
  createHttpLink({uri: "/graphql"})
);

const client = new ApolloClient({
  link,
  cache: new InMemoryCache()
});

API

创建一个终止 ApolloLink 以使用给定的请求操作 AbsintheSocket 实例

Parameters

  • absintheSocket AbsintheSocket
  • onError $ElementType<Observer<Result, Variables>, "onError">
  • onStart $ElementType<Observer<Result, Variables>, "onStart">

References

License

MIT :版权所有:Jumpn Limited。

@absinthe/socket-apollo-link

Absinthe Socket Apollo Link

Installation

Using npm

$ npm install --save @absinthe/socket-apollo-link

Using yarn

$ yarn add @absinthe/socket-apollo-link

Examples

  1. Create AbsintheSocketLink (absinthe-socket-link.js)
// @flow

import * as AbsintheSocket from "@absinthe/socket";
import {createAbsintheSocketLink} from "@absinthe/socket-apollo-link";
import {Socket as PhoenixSocket} from "phoenix";

export default createAbsintheSocketLink(AbsintheSocket.create(
  new PhoenixSocket("ws://localhost:4000/socket")
));
  1. Send all the operations using AbsintheSocketLink
// @flow

import ApolloClient from "apollo-client";
import {InMemoryCache} from "apollo-cache-inmemory";

// see example 1
import absintheSocketLink from "./absinthe-socket-link";

const client = new ApolloClient({
  link: absintheSocketLink,
  cache: new InMemoryCache()
});
  1. Subscribe using AbsintheSocketLink and send queries and mutations using HttpLink
// @flow

import ApolloClient from "apollo-client";
import {createHttpLink} from "apollo-link-http";
import {hasSubscription} from "@jumpn/utils-graphql";
import {InMemoryCache} from "apollo-cache-inmemory";
import {split} from "apollo-link";

// see example 1
import absintheSocketLink from "./absinthe-socket-link";

const link = split(
  operation => hasSubscription(operation.query),
  absintheSocketLink,
  createHttpLink({uri: "/graphql"})
);

const client = new ApolloClient({
  link,
  cache: new InMemoryCache()
});

API

Creates a terminating ApolloLink to request operations using given AbsintheSocket instance

Parameters

  • absintheSocket AbsintheSocket
  • onError $ElementType<Observer<Result, Variables>, "onError">
  • onStart $ElementType<Observer<Result, Variables>, "onStart">

References

License

MIT :copyright: Jumpn Limited.

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文