Prinsip Desain API GraphQL
Pelajari dasar-dasar GraphQL, termasuk skema, kueri, mutasi, dan langganan, untuk desain API yang fleksibel.
Prinsip Desain API GraphQL adalah pelajaran Node.js Backend Development Bootcamp gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Node.js Backend Development Bootcamp, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Node.js Backend Development Bootcamp mencakup 4 pelajaran total.
Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.
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 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 namedUser.id: ID!:idis a field of typeID. 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
PostorComment.
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
Queryroot type handles data fetching. - The
Mutationroot type handles data modification.
Next, we'll dive into building a GraphQL server with Apollo to bring these designs to life!
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Prinsip Desain API GraphQL” gratis?
Ya — teks lengkap “Prinsip Desain API GraphQL” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Node.js Backend Development Bootcamp, upgrade ke CoddyKit PRO. Kursus Node.js Backend Development Bootcamp mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Prinsip Desain API GraphQL”?
Pelajari dasar-dasar GraphQL, termasuk skema, kueri, mutasi, dan langganan, untuk desain API yang fleksibel. Kamu berlatih Node.js Backend Development Bootcamp dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Node.js Backend Development Bootcamp?
Tidak diperlukan pengalaman sebelumnya. Node.js Backend Development Bootcamp di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Prinsip Desain API GraphQL” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Node.js Backend Development Bootcamp ini?
Ya. Setiap pelajaran Node.js Backend Development Bootcamp menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Pengantar Serverless dengan Node.js
- Prinsip Desain API GraphQL
- Membangun Server GraphQL dengan Apollo
- Subscription GraphQL untuk Data Real-Time