مبادئ تصميم 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 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!
الأسئلة الشائعة
هل درس «مبادئ تصميم 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 يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- مقدمة إلى Serverless باستخدام Node.js
- مبادئ تصميم GraphQL API
- إنشاء خادم GraphQL باستخدام Apollo
- اشتراكات GraphQL للبيانات الفورية