فهرست مطالب:

چگونه GraphiQL را شروع کنم؟
چگونه GraphiQL را شروع کنم؟

تصویری: چگونه GraphiQL را شروع کنم؟

تصویری: چگونه GraphiQL را شروع کنم؟
تصویری: GraphQL در 100 ثانیه توضیح داده شد 2024, نوامبر
Anonim

نحوه استفاده GraphiQL . وقتی سرور توسعه برای یکی از سایت های گتسبی شما در حال اجرا است، آن را باز کنید GraphiQL در https://localhost:8000/_graphql و با داده های خود بازی کنید! Ctrl + Space را فشار دهید (یا از Shift + Space به عنوان میانبر صفحه کلید جایگزین استفاده کنید) تا پنجره تکمیل خودکار ظاهر شود و Ctrl + Enter برای اجرای GraphQL پرس و جو.

به همین ترتیب، پرسیده می شود که چگونه می توانم با GraphQL شروع کنم؟

لیست برای انجام کار

  1. چارچوبی را برای پیاده سازی سرور GraphQL خود انتخاب کنید. ما از Express استفاده خواهیم کرد.
  2. طرحواره را تعریف کنید تا GraphQL بداند که چگونه پرس و جوهای دریافتی را مسیریابی کند.
  3. توابع حل‌کننده ایجاد کنید که پرس‌و‌جوها را مدیریت می‌کند و به GraphQL می‌گوید چه چیزی را بازگرداند.
  4. یک نقطه پایانی بسازید.
  5. یک کوئری سمت کلاینت بنویسید که داده ها را واکشی کند.

به طور مشابه، چگونه یک پرس و جو در GraphQL ایجاد می کنید؟ اجازه دهید یک برنامه کاربردی ساده برای درک متغیر query ایجاد کنیم.

  1. مرحله 1 - فایل طرحواره را ویرایش کنید. یک فیلد sayHello اضافه کنید که یک پارامتر رشته را می گیرد و یک رشته را برمی گرداند.
  2. مرحله 2 - ویرایشگر را ویرایش کنید. فایل js.
  3. مرحله 3 - متغیر Query را در GraphiQL اعلام کنید. یک متغیر با $ و سپس نام متغیر اعلام می شود.

سپس، GraphQL چیست و چگونه از آن استفاده می کنید؟

به طور خلاصه، GraphQL نحوی است که نحوه درخواست داده را توضیح می دهد و عموماً برای بارگذاری داده ها از سرور به مشتری استفاده می شود. GraphQL دارای سه ویژگی اصلی است: به مشتری اجازه می دهد دقیقاً به چه داده هایی نیاز دارد. جمع آوری داده ها از چندین منبع را آسان تر می کند.

چگونه یک متغیر query را در GraphiQL ارسال می کنید؟

نکته سریع GraphQL: نحوه انتقال متغیرها در GraphiQL

  1. جهش برای ایجاد کاربر با آرگومان های درون خطی. متغیرها در GraphiQL.
  2. جهش برای ایجاد کاربر با متغیرها. اگر می‌خواهیم از متغیرها در GraphiQL استفاده کنیم، کافیست روی پنل QUERY VARIABLES در پایین صفحه کلیک کنید و کد زیر را ارسال کنید.
  3. مثالی از JSON با متغیرها.

توصیه شده: