71. مخططات Angular (Schematics) والتوليد المخصص

Angular Schematics هي أداة سير عمل تُستخدم لتوليد التعليمات البرمجية وتعديلها وإعادة هيكلتها باستخدام القوالب والقواعد. هذا هو المحرك الذي يشغل أوامر Angular CLI مثل ng generate component.

ما هي المخططات (Schematics)؟

المخططات هي مجموعات قابلة لإعادة الاستخدام من التعليمات. تقرأ البيانات الوصفية حول مساحة العمل الخاصة بك (على سبيل المثال، اسم المشروع، مسارات الملفات) وتطبق قواعد التحويل على نظام الملفات (على سبيل المثال، إنشاء ملفات، تحديث app.module.ts، إضافة استيرادات).

استخدام المخططات الموجودة

نتفاعل مع المخططات يومياً عبر CLI:

ng generate component header
ng add @angular/material (يستخدم مخطط ng add لتثبيت التبعيات وتشغيل نصوص الإعداد).

الحاجة إلى المخططات المخصصة

في المؤسسات الكبيرة، غالباً ما تحتاج الفرق إلى نماذج برمجية مخصصة أو أنماط تعليمات برمجية متسقة لا يغطيها CLI القياسي. تقوم المخططات المخصصة بأتمتة هذه المهام المتكررة (على سبيل المثال، توليد smart-component يتضمن مكوناً وخدمة ونموذج وبيانات NgRx برمجية).

كيفية عمل المخططات المخصصة (مفاهيم)

القاعدة (Rule): دالة تأخذ شجرة (نظام ملفات افتراضي) وتُرجع شجرة جديدة.
الشجرة (Tree): تمثيل لنظام الملفات، يسمح للمخططات بمعاينة التغييرات قبل تطبيقها.
المصدر (Source): يستخدم القوالب (غالباً EJS أو Handlebars) لتحديد هيكل الملفات المولَّدة.

الفائدة: تضمن الاتساق، وتقلل من الخطأ البشري، وتسرع بشكل كبير من وقت تطوير الميزات.

(ملاحظة: يتطلب بناء المخططات المخصصة معرفة متقدمة بـ Node.js و Schematics CLI، ولكن فهم دورها هو مفتاح أن تكون مطور Angular 'بطلاً'.)