0Pricing
Node.js Backend Development Bootcamp · Урок

Принципы проектирования GraphQL API

Изучите основы GraphQL, включая схемы, запросы, мутации и подписки, для гибкого проектирования API.

«Принципы проектирования GraphQL API» — бесплатный урок Node.js Backend Development Bootcamp на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Node.js Backend Development Bootcamp, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Node.js Backend Development Bootcamp содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

What is GraphQL?

Welcome to GraphQL API Design! GraphQL is a powerful query language for your APIs and a runtime for fulfilling those queries with your existing data.

Think of it as a way for clients (like your mobile app) to ask for exactly the data they need, no more, no less. It's an alternative to traditional REST APIs.

Принципы проектирования GraphQL API — иллюстрация 1

GraphQL vs. REST APIs

While REST APIs typically have multiple endpoints, each returning a fixed data structure, GraphQL uses a single endpoint.

  • REST: Often leads to over-fetching (getting more data than needed) or under-fetching (needing multiple requests for related data).
  • GraphQL: Solves this by allowing clients to specify the data shape, reducing network requests and improving efficiency.

The Core: GraphQL Schema

At the heart of every GraphQL API is its schema. The schema defines the entire API's capabilities: what data can be queried, what data can be modified, and what types of data exist.

It acts as a contract between the client and the server, ensuring both sides understand the available operations and data structures.

Schema Definition Language (SDL)

GraphQL schemas are written using the Schema Definition Language (SDL). It's a simple, intuitive language for defining types and operations.

Let's look at a basic example of defining a User type with some fields:

type User {
  id: ID!
  name: String!
  email: String
  age: Int
}

Understanding SDL Types

In the previous example:

  • type User: Defines a new object type named User.
  • id: ID!: id is a field of type ID. The ! means it's non-nullable (always present).
  • String, Int, ID: These are scalar types, GraphQL's built-in basic data types.
  • You can also define custom object types like Post or Comment.

Root Type: Query

The Query root type is special. It defines all the entry points for reading data from your API. Think of these as the 'GET' operations in REST.

Here's how you might add operations to fetch users or a single user by ID:

type Query {
  users: [User!]!
  user(id: ID!): User
}

type User {
  id: ID!
  name: String!
  email: String
  age: Int
}

Executing a GraphQL Query

Once the Query type is defined, clients can request data. They specify which fields they want from the available operations. This is how you avoid over-fetching!

To get all user names and IDs:

query GetUsers {
  users {
    id
    name
  }
}

Root Type: Mutation

The Mutation root type defines all the entry points for writing or changing data in your API. These are like 'POST', 'PUT', 'PATCH', and 'DELETE' operations in REST.

Mutations often take input arguments and return the modified object.

type Mutation {
  createUser(name: String!, email: String, age: Int): User!
  updateUser(id: ID!, name: String, email: String, age: Int): User
  deleteUser(id: ID!): Boolean!
}

Executing a GraphQL Mutation

Similar to queries, clients send mutations to perform data modifications. They specify the mutation name, its arguments, and what fields of the result they want back.

Here's an example to create a new user:

mutation CreateNewUser {
  createUser(name: "Alice", email: "alice@example.com", age: 30) {
    id
    name
    email
  }
}

Schema Design Quick Check

Consider the following GraphQL schema snippet. Which statements about it are TRUE?

type Book {
  id: ID!
  title: String!
  author: Author!
}

type Author {
  id: ID!
  name: String!
  books: [Book!]
}

type Query {
  books: [Book!]!
  book(id: ID!): Book
  authors: [Author!]!
}

type Mutation {
  createBook(title: String!, authorId: ID!): Book!
}

Recap & Beyond

Great job! You've learned the core principles of GraphQL API design:

  • GraphQL allows clients to request specific data.
  • The Schema Definition Language (SDL) defines the API's contract.
  • Object types define data structures.
  • The Query root type handles data fetching.
  • The Mutation root type handles data modification.

Next, we'll dive into building a GraphQL server with Apollo to bring these designs to life!

Часто задаваемые вопросы

Урок «Принципы проектирования GraphQL API» бесплатный?

Да — полный текст урока «Принципы проектирования GraphQL API» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Node.js Backend Development Bootcamp, подпишись на CoddyKit PRO. Курс Node.js Backend Development Bootcamp содержит 4 уроков всего.

Чему я научусь в уроке «Принципы проектирования GraphQL API»?

Изучите основы GraphQL, включая схемы, запросы, мутации и подписки, для гибкого проектирования API. Ты практикуешь Node.js Backend Development Bootcamp с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Node.js Backend Development Bootcamp?

Предыдущий опыт не требуется. Node.js Backend Development Bootcamp на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.

Сколько времени занимает урок «Принципы проектирования GraphQL API»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Node.js Backend Development Bootcamp?

Да. Каждый урок Node.js Backend Development Bootcamp включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Введение в бессерверные приложения на Node.js
  2. Принципы проектирования GraphQL API
  3. Создание сервера GraphQL с Apollo
  4. Подписки GraphQL для данных в реальном времени
← Назад к Node.js Backend Development Bootcamp