لم يعد هذا المتصفح مدعومًا.
بادر بالترقية إلى Microsoft Edge للاستفادة من أحدث الميزات والتحديثات الأمنية والدعم الفني.
اختر أفضل إجابة لكل سؤال. بعد ذلك، حدد تحقق من إجاباتك.
كيف يمكنك إنشاء صفحة في تطبيق Gatsby؟
قم بإنشاء مكون React في الدليل pages.
pages
قم بإنشاء مكون في أي مكان في المشروع الخاص بك. Gatsby سوف يفحص الدليل بحثًا عن مكونات React.
قم بإنشاء مكون مع إضافة البادئة Page في اسم المكون.
Page
قم بإنشاء ملف Markdown وضعه في الدليل pages.
كيف يمكنك إعداد URL افتراضي لمكون صفحة؟
لا يمكنك. Gatsby يفعل هذا نيابة عنك.
قم بإعداد المسار عن طريق تطبيق واجهة برمجة التطبيقات من Gatsby في الملف gatsby-node.js.
gatsby-node.js
إنشاء مكون إدخال App.js، وضمنه، مكون Route ومكون محلل لكل مسار.
قم بإنشاء مكون React في الدليل pages واستدعاء الأسلوب registerRoute()، مع تمرير المسار كسلسلة مع المكون.
registerRoute()
كيف يمكنك استخدام البيانات من الرسم البياني للبيانات داخل الذاكرة في مكون الصفحة لديك؟
قم بإنشاء مكون صفحة وتعريف متغير query الذي يحتوي على استعلام GraphQL. ثم تقديم استجابة الاستعلام في المكون.
query
قم بطلب إحضار وتقديم الاستجابة في المكون.
استخدم مكون Data من Gatsby، واضبط الخاصية query على الاستعلام الخاص بك، وقدم مكون الصفحة الخاص بك في الخاصية render الخاصة به.
Data
render
استخدم الدالة useData() ومرر لها الاستعلام الخاص بك كمعلمة. ستقوم بإرجاع كائن مع خاصية data تحتوي على استجابة GraphQL الخاص بك.
useData()
data
ما الخطوات السابقة التي تحتاج إلى اتخاذها لنشر أي من تطبيقات Gatsby باستخدام خدمة Azure Static Web Apps؟
قم بتثبيت التغييرات في مستودع Git، وبناء المشروع، ودفعه إلى GitHub
تثبيت التغييرات في مستودع Git ودفعه إلى GitHub
قم بتشغيل gatsby build لإنشاء دليل قابل للنشر. قم بضغط الدليل الناتج build إلى ملف tarball. يمكن الآن تحميل ملف tarball إلى خدمة Azure Static Web Apps.
gatsby build
build
شغّل gatsby deploy. سيؤدي ذلك إلى إنشاء ثنائي يمكنك نشره على خدمة Azure Static Web Apps.
gatsby deploy
عليك الإجابة على كل الأسئلة قبل مراجعة عملك.
متابعة
هل كانت هذه الصفحة مفيدة؟