测试文章 12 - GraphQL 入门与实践

1
type User {
2
  id: ID!
3
  name: String!
4
  email: String!
5
  posts: [Post!]!
6
}
7

8
type Post {
9
  id: ID!
10
  title: String!
11
  content: String!
12
  author: User!
13
}
14

15
type Query {
16
  user(id: ID!): User
17
  users: [User!]!
18
  post(id: ID!): Post
19
  posts: [Post!]!
20
}
21

22
type Mutation {
23
  createUser(name: String!, email: String!): User!
24
  createPost(title: String!, content: String!, authorId: ID!): Post!
25
}

1
# 获取用户信息
2
query GetUser {
3
  user(id: "1") {
4
    name
5
    email
6
    posts {
7
      title
8
    }
9
  }
10
}
11

12
# 获取所有文章
13
query GetPosts {
14
  posts {
15
    id
16
    title
17
    author {
18
      name
19
    }
20
  }
21
}

1
query GetUser($id: ID!) {
2
  user(id: $id) {
3
    name
4
    email
5
  }
6
}
7

8
# 变量
9
{
10
  "id": "123"
11
}

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

3
const client = new ApolloClient({
4
  uri: 'https://api.example.com/graphql',
5
  cache: new InMemoryCache()
6
})
7

8
// 执行查询
9
const GET_USER = gql`
10
  query GetUser($id: ID!) {
11
    user(id: $id) {
12
      name
13
      email
14
    }
15
  }
16
`
17

18
client.query({
19
  query: GET_USER,
20
  variables: { id: '123' }
21
}).then(result => console.log(result))