客户端架构

通过客户端特定字段扩展您的架构

您可以选择提供 客户端架构 以定义 Apollo 客户端.本地的类型和字段。您可以定义全新的类型，或者通过新的字段扩展您服务器的架构。

与任何 GraphQL 架构一样，您的客户端架构必须使用架构定义语言编写。

客户端架构不用于在服务器上（当使用 graphql-js 模块进行架构验证时，会大大增加您的包大小）。相反，您的客户端架构用于在 Apollo 客户端 Devtools 中进行 graphql-js 模块进行架构验证时，会大大增加您的包大小）。相反，您的客户端架构用于在 Apollo 客户端 Devtools 中进行

设置

以下演示了如何定义客户端架构并将其提供给 ApolloClient 构造函数：

1
import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
2

3
const typeDefs = gql`
4
  extend type Query {
5
    isLoggedIn: Boolean!
6
    cartItems: [Launch]!
7
  }
8

9
  extend type Launch {
10
    isInCart: Boolean!
11
  }
12

13
  extend type Mutation {
14
    addOrRemoveFromCart(id: ID!): [Launch]
15
  }
16
`;
17

18
const client = new ApolloClient({
19
  cache: new InMemoryCache(),
20
  uri: 'https://127.0.0.1:4000/graphql',
21
  typeDefs,
22
});

如果您打开Apollo Client Devtools并点击GraphiQL标签页，您可以在“文档”部分探索您的客户端模式。这个例子不包括远程模式，但如果包括了，您将能够看到您的本地查询和变更，与您的远程查询并列显示。

响应式变量

本地解析器