[MUSIC]
السؤال الأخير الذي قد ينشأ في عقلك هو كيف يمكنني بناء
ونشر تطبيق Angular؟
إذا كنت تتذكر، في الدورة السابقة على Bootstrap 4،
تعلمنا عن كيفية استخدام البرامج النصية MPM أو الكبرى أو
culp لإنشاء مجلد التوزيع، من أجل بناء تطبيق الويب الخاص بنا.
الآن، مع تطبيق Angular الذي قمنا بتطويره في هذه الدورة،
لدينا مساعدة من CLI Angular.
يوفر Angular CLI أمر بناء يمكننا من بناء
تطبيق Angular الخاص بنا، وبناء مجلد التوزيع ومن ثم يكون جميع الملفات الخاصة
بتطبيق Angular الخاص بنا تم تجميعها وجاهزة للنشر في موقع الخادم.
لذلك هذا ما سنتعلمه في هذا التمرين.
للمضي قدما في بناء ونشر تطبيق Angular الخاص بنا في
بناء نوع ng الفوري - لأننا نريد تطوير
إصدار الإنتاج من تطبيقنا Angular الذي يمكن نشره على الخادم.
لذلك للقيام بذلك، في موجه، كما ذكرت، اكتب ng
build - prod، ومن ثم السماح لعملية البناء كاملة.
سيستغرق ذلك بعض الوقت لإكمال عملية الإنشاء.
بعد اكتمال عملية الإنشاء،
سترى أن مجلد التوزيع سيكون جاهزًا الآن.
بمجرد اكتمال عملية البناء بنجاح، حتى
تتمكن من رؤية أن كل شيء أخضر هناك، لذلك يتم إعداد مجلد التوزيع الآن.
الآن كيف نقوم بنشر تطبيق Angular؟
الآن في هذه الحالة إذا كان لدينا خادم حيث يمكنك نشر تطبيق الويب الخاص بك،
ثم انها مجرد مسألة نسخ محتويات
مجلد التوزيع مباشرة إلى الخادم.
ثم سيتم تشغيل تطبيق Angular الخاص بك في أي وقت من الأوقات.
الآن، لحسن الحظ، لدينا بالفعل خادم JSON لدينا يعمل هناك.
لذلك سنقوم باستخدام خادم JSON الخاص بنا
والمجلد العام لخادم JSON الخاص بنا، بحيث يقومون بنسخ
محتويات مجلد التوزيع بالكامل إلى المجلد العام لخادم JSON الخاص بنا.
الذهاب إلى مجلد الارتباك، حيث يتم تخزين التطبيق لدينا،
سننتقل الآن إلى مجلد التوزيع.
سترى أنه تم إنشاء مجلد التوزيع.
لذلك ستذهب إلى مجلد التوزيع
وسترى أنه تم إنشاء مجموعة من الملفات بواسطة عملية بناء Angular CLI.
دعونا فقط نسخ محتويات هذا المجلد بالكامل،
وبعد ذلك سنذهب إلى خادم JSON، الموجود في مجلد json-server هنا
وانتقل إلى المجلد العام لمجلد json-server.
وبعد ذلك سنقوم ببساطة بنسخ المحتويات في هذا المجلد العام.
الآن يجب أن يكون التطبيق الزاوي متاحًا في localhost:3000 لأن
خادم JSON الخاص بك سيخدم ما هو موجود في المجلد العمومي في localhost:3000.
الذهاب إلى متصفح، والآن في علامة تبويب جديدة، سأكتب فقط localhost:3000
وسترى أن تطبيق Angular الخاص بك سيكون الآن قيد التشغيل وتشغيله في أي وقت من الأوقات.
إذن هذه هي الطريقة التي ستنشر بها تطبيق Angular الخاص بك.
الآن، بالطبع، في هذه الحالة، بما أن خادمنا تحت سيطرتنا،
فهي مجرد مسألة نسخ الملفات إلى جانب الخادم.
الآن، إذا كنت ستقوم بهذا النشر على خادم حقيقي في Cloud،
فأنت بحاجة فقط إلى اتباع التوجيهات التي يقدمها
مزود خدمة Cloud من أجل زيادة جانب الخادم.
لذلك قد يكون لديهم مجلد عمومي قد يكون مدعومًا على خادم السحابة الخاص بهم.
لذلك في هذه الحالة، قد تحتاج ببساطة إلى نسخ
محتويات مجلد التوزيع الخاص بك إلى مجلد الخادم العام في موفر الخدمة السحابية الخاص بك.
بالطبع تحتاج أيضًا إلى التأكد من وجود
خادم خلفي يعمل يدعم واجهة برمجة تطبيقات REST.
في حالتنا، يخدم خادم JSON الغرض.
عند إكمال الدورة النهائية في هذا التخصص،
حيث نتعامل مع تطوير جانب الخادم باستخدام عقدة JS،
ستتعلم الإجراء الخاص ببناء خادم REST API المخصص الخاص بك.
لذلك في هذه الحالة، سيكون هناك مجلد عمومي
يدعمه داخل خادم REST API، ومن ثم
ستحتاج إلى نسخ تطبيق Angular الخاص بك إلى المجلد العمومي على جانب الخادم الخاص بك.
هذه هي الطريقة التي ستقوم بنشر تطبيق Angular الخاص بك.
مع هذا، نكمل هذا التمرين.
في هذا التمرين تعلمنا كيفية نشر
تطبيق Angular الخاص بنا على خادم.
وكيفية الاستفادة من CLI Angular لبناء نسخة إنتاج من
تطبيق Angular الخاص بنا قبل أن نقوم بنشر
تطبيق Angular الخاص بنا إلى جانب الخادم.
[ موسيقى]