קורס חינם React & GraphQL – שיעור חמישי – graphQL מגדירים schema.

זהו שיעור המשך של השיעור הקודם קורס חינם React & GraphQL – שיעור רביעי – graphQL מגדירים schema. כמו כן מי שלא צפה בשיעורים הקודמים מוזמן לראות הקישורים לכל השיעורים עד כה בלינקים פה:

קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח

קורס חינם React & GraphQL – שיעור שני – משחק איקס עיגול TIK-TAK-TOE

קורס חינם React & GraphQL – שיעור שלישי – צד שרת Nodejs של המשחק איקס עיגול.

קורס חינם React & GraphQL – שיעור רביעי – graphQL מגדירים schema.

GraphQLSchema לצורך ההגדרה של Schema בGQL

GraphQLSchema היא המחלקה ש GQL מספק לנו בשביל לבנות את ה schema. וקודם כל נצטרך לייבא את המחלקה הזו מספריית graphql. אז נייבא את ה GraphQLSchema ונגדיר אותה כך: להלן קובץ הnodejs שלנו index.js :

const express = require("express");
const app = express();
PORT = 5001;
const cors = require("cors");

const { graphqlHTTP } = require('express-graphql');

const graphql = require("graphql");
const { GraphQLSchema} = graphql;

const schema = new GraphQLSchema({
    query: ??
})

app.use(cors());
app.use('/graphql', graphqlHTTP({
   // schema,
    graphiql: true
}));
app.listen(PORT, () => {
    console.log('Server runnig on port ' + PORT);
});

הנה לנו ה schema ! אבל צריכים להגדיר ל schema את השאילתות השונות . בלי זה אין ל schema שום שימוש אמיתי.
ולכן נצטרך להגדיר את השאילתות. אבל שניה לפני זה בואו נציץ מה GraphQLSchema יכול לקבל:

1. query
2. mutation

mutation לא חובה . אבל נרצה להוסיף אותו כי הוא שימושי שלנו בשמירת התוצאות של המשחקים השונים.

מגדירים את ה query

והנה אני מקיים את התחייבותי הקודמת ובשיעור ואסביר באופן מפורט על query ו mutation. באופן כללי שאנחנו עושים שאילתות בסגנון get על מנת לקבל מידע אנחנו נשתמש ב query ובשביל לשנות מידע בדומה ל post, update ,delete אנחנו נשתמש ב mutation. הגדרות אלו חשובות ויש להעמיק בהסבר שלהם ולכן אתן לזה שיעור בפני עצמו . אז נתראה בשיעור הבא עם הסבר מדוקדק 🐊❤

פוסטים קשורים:

קורס חינם React & GraphQL – שיעור רביעי – graphQL מגדירים schema. קורס חינם React & GraphQL – שיעור שישי – graphQL על query and mutation. קורס חינם React & GraphQL – שיעור שלישי – צד שרת Nodejs של המשחק איקס עיגול. קורס חינם React & GraphQL – שיעור שני – משחק איקס עיגול TIK-TAK-TOE