نوكست

البرمجيات الوسيطة

ومن ناحية أخرى، يُضيف نوكست دعمًا للبرمجيات الوسيطة للتطبيقات، مما يُمكّن منطق الخادم من العمل بين تغييرات التنقل. ويدعم كلاً من ملفات البرمجيات الوسيطة العامة والخاصة بالصفحة.

وفي هذا السياق، يتم تعريف البرمجيات الوسيطة في مجلد middleware/ ، والذي يُصدّر دالة تأخذ المسار الحالي والمسار السابق كمعاملات. ومن هناك، تتوفر أدوات مساعدة متاحة عالميًا مثل و يمكن استخدام للتحكم في التنقل.

التخطيطات

إضافةً إلى ذلك، يدعم نوكست تخطيطات متوافقة مع تقنية العرض من جهه الخادم بشكل افتراضي، مما يسمح للصفحات المتشابهة باستخدام نفس القوالب الأساسية، مثل رأس وتذييل الصفحة. يتم تعريف التخطيطات في مجلد layouts/ ، وتعمل باستخدام خانات Vue الأصلية.

كذلك، يوجد التخطيط الافتراضي في layouts/default.vue ، ويجب أن يتضمن خانة لمحتوى الصفحة.

في هذا الإطار، يمكن للصفحة استخدام تخطيط مخصص باستخدام أداة المساعدة definePageMeta في دالة أو كتلة إعداد.

وفي هذا السياق، لتمكين التخطيطات في مشروع Nuxt، يجب أن تتضمن نقطة دخول التطبيق، app.vue ، مكون NuxtLayout للتبديل بين التخطيطات لكل صفحة.

واجهة برمجة تطبيقات الخادم

ومن ناحية أخرى، يمكن لـ نوكست كذلك إنشاء مسارات ومعالجات واجهة برمجة تطبيقات الخادم (API) اي دمج باك اند والفروننتد اند في مشروع واحد باستخدام مجلد server/. أي ملف يُوضع في server/api سيصبح مسار API، وأي ملف يُوضع في server/routes سيصبح ملف مسار، والفرق بينهما هو موقع الملف النهائي (يضيف server/api بادئة api إلى المسار).

• يستعمل في نوكست مكون useFetch لاستدعاء البيانات من الخادم.
• انظر كذلك
• فيو جي إس

الاستيراد التلقائي

• // ref is automatically imported
• const count = ref(0);
• // useRoute is also automatically imported
• const route = useRoute;

كذلك، يستورد نوكست تلقائيًا أغلب وظائف واجهة برمجة تطبيقات Vue للتركيب ، وأي وظائف مساعدة من مجلدي composables/ و utils/ .

فيت

مقارنة بين أطر عمل الويب القائمة على جافا سكريبت

التوجيه القائم على المسار

من جانب آخر، /pages/admin/ page .vue - يطابق /admin إلى جانب جميع المسارات الموجودة أسفله مباشرة.

• /pages/about.vue - يطابق /about.
• /pages/user/[id].vue - يطابق جميع المسارات الموجودة مباشرة تحت /user.
• /pages/posts/[...slug].vue - يطابق جميع المسارات الموجودة ضمن /posts.

من جانب آخر، بدلاً من تطبيق فيو جي إس العادي، الذي يتطلب عادةً تسجيل كل مسار يدويًا، يستعمل نوكست التوجيه القائم على المسار لتسجيل كل مسار في التطبيق تلقائيًا.

كذلك، يتم تعريف الصفحات في مجلد pages/ ، حيث يصبح اسم ملف الصفحة هو اسم المسار. يمكن إضافة المعاملات الديناميكية باستخدام الأقواس المربعة، ويمكن إضافة المسارات الشاملة باستخدام ثلاث نقاط وأقواس مربعة، على غرار صيغة نشر المصفوفات في جافا سكريبت.