تُعد GraphiQL أداة قوية لاختبار واستكشاف واجهات برمجة تطبيقات GraphQL. مصادقة Firebase هي خدمة مصادقة شائعة تتيح للمطورين إضافة مصادقة المستخدم إلى تطبيقاتهم بسهولة. في هذه المقالة ، سوف نستكشف كيفية استخدام GraphiQL مع مصادقة Firebase على Codementor.
ما هي GraphiQL؟
GraphiQL هي أداة تفاعلية تسمح للمطورين باختبار واستكشاف واجهات برمجة تطبيقات GraphQL. يوفر واجهة سهلة الاستخدام لتنفيذ الاستعلامات وعرض النتائج واستكشاف مخطط API. GraphiQL هي مشروع مفتوح المصدر يمكن استخدامه مع أي واجهة برمجة تطبيقات لـ GraphQL.
ما هي مصادقة Firebase؟
مصادقة Firebase هي خدمة تقدمها Google تتيح للمطورين إضافة مصادقة المستخدم إلى تطبيقاتهم بسهولة. يوفر طريقة بسيطة وآمنة لمصادقة المستخدمين باستخدام البريد الإلكتروني وكلمة المرور أو رقم الهاتف أو مزودي الطرف الثالث مثل Google و Facebook و Twitter.
كيفية استخدام GraphiQL مع مصادقة Firebase على Codementor
Codementor عبارة عن منصة عبر الإنترنت تربط المطورين بالموجهين الخبراء للحصول على تعليمات وتوجيهات بشأن الترميز المباشر. يوفر واجهة GraphiQL مدمجة لاختبار واستكشاف واجهات برمجة تطبيقات GraphQL. فيما يلي خطوات استخدام GraphiQL مع مصادقة Firebase على Codementor:
الخطوة 1: أنشئ مشروع Firebase
لاستخدام مصادقة Firebase ، يلزمك إنشاء مشروع Firebase وتمكين خدمة المصادقة. اتبع هذه الخطوات لإنشاء مشروع Firebase:
- انتقل إلى Firebase Console وقم بتسجيل الدخول باستخدام حساب Google الخاص بك.
- انقر فوق الزر "إضافة مشروع" وأدخل اسمًا لمشروعك.
- اتبع التعليمات لإنشاء مشروعك.
- بمجرد إنشاء مشروعك ، انقر فوق علامة التبويب "المصادقة" في القائمة اليسرى.
- انقر على زر "البدء" واتبع التعليمات لتمكين المصادقة.
الخطوة 2: قم بإعداد واجهة برمجة تطبيقات GraphQL الخاصة بك
لاستخدام GraphiQL مع مصادقة Firebase ، يلزمك إعداد واجهة برمجة تطبيقات GraphQL تستخدم مصادقة Firebase لمصادقة المستخدم. يمكنك استخدام أي خادم GraphQL يدعم مصادقة Firebase ، مثل Apollo Server أو Hasura.
الخطوة 3: قم بتوصيل GraphiQL بواجهة برمجة تطبيقات GraphQL الخاصة بك
بمجرد قيامك بإعداد واجهة برمجة تطبيقات GraphQL الخاصة بك ، يمكنك توصيل GraphiQL بها من خلال توفير عنوان URL لنقطة نهاية API في واجهة GraphiQL. فيما يلي خطوات توصيل GraphiQL بواجهة برمجة تطبيقات GraphQL الخاصة بك:
- انتقل إلى موقع Codementor وقم بتسجيل الدخول باستخدام حسابك.
- انقر فوق علامة التبويب "GraphiQL" في القائمة اليسرى.
- أدخل عنوان URL لنقطة نهاية API في حقل "نقطة النهاية".
- انقر فوق الزر "اتصال".
الخطوة 4: المصادقة باستخدام Firebase
للمصادقة باستخدام Firebase ، يلزمك تقديم رمز مميز صالح لمعرف Firebase في قسم "رؤوس HTTP" بواجهة GraphiQL. فيما يلي خطوات المصادقة باستخدام Firebase:
- انتقل إلى Firebase Console وانقر فوق علامة التبويب "المصادقة".
- انقر فوق الزر "إعداد الويب" وانسخ قيم "apiKey" و "authDomain" و "projectId".
- في واجهة GraphiQL ، انقر فوق علامة التبويب "رؤوس HTTP".
- أدخل العناوين التالية:
{
"الإذن": "الحامل" ،
"X-Hasura-Project-Id": "" ،
"X-Hasura-Role": "user"
}
- استبدل برمز معرف Firebase صالح. يمكنك إنشاء رمز مميز باستخدام Firebase Authentication REST API أو باستخدام Firebase SDK.
- استبدل معرّف مشروع Firebase.
الخطوة 5: اختبر واجهة برمجة تطبيقات GraphQL الخاصة بك
بمجرد المصادقة باستخدام Firebase ، يمكنك اختبار واجهة برمجة تطبيقات GraphQL الخاصة بك عن طريق تنفيذ الاستعلامات في واجهة GraphiQL. يمكنك استكشاف مخطط API الخاص بك عن طريق النقر فوق علامة التبويب "المستندات" في واجهة GraphiQL.
وفي الختام
في هذه المقالة ، اكتشفنا كيفية استخدام GraphiQL مع مصادقة Firebase على Codementor. باتباع هذه الخطوات ، يمكنك بسهولة اختبار واستكشاف واجهة برمجة تطبيقات GraphQL باستخدام مصادقة Firebase. تُعد GraphiQL و Firebase Authentication أدوات فعالة يمكنها مساعدتك في إنشاء تطبيقات آمنة وقابلة للتطوير.
- محتوى مدعوم من تحسين محركات البحث وتوزيع العلاقات العامة. تضخيم اليوم.
- سك المستقبل مع أدرين أشلي. الوصول هنا.
- شراء وبيع الأسهم في شركات ما قبل الاكتتاب مع PREIPO®. الوصول هنا.
- أفلاطونايستريم. ذكاء بيانات Web3. تضخيم المعرفة. الوصول هنا.
- المصدر https://zephyrnet.com/graphiql-with-firebase-auth-codementor/
- محتوى مدعوم من تحسين محركات البحث وتوزيع العلاقات العامة. تضخيم اليوم.
- أفلاطونايستريم. ذكاء بيانات Web3. تضخيم المعرفة. الوصول هنا.
- سك المستقبل مع أدرين أشلي. الوصول هنا.
- شراء وبيع الأسهم في شركات ما قبل الاكتتاب مع PREIPO®. الوصول هنا.
- المصدر https://platodata.network/platowire/learn-how-to-use-graphiql-with-firebase-authentication-on-codementor/
