الآن، بعد أن تعلمنا عن Express Generator،
أداة السقالات لتطبيقات الخبراء،
دعونا تثبيت Express Generator ثم إنشاء تطبيق Express جديد.
سنقوم بإنشاء النسخة المتماثلة الدقيقة
لتطبيق Express REST API الذي قمنا بتنفيذه في الوحدة النمطية السابقة.
سنقوم بالفعل بإعادة استخدام أجهزة التوجيه الثلاثة، أجهزة
التوجيه Express التي قمنا بتنفيذها في تطبيق Express السابق في
التطبيق الذي تم إنشاؤه حديثًا والذي سنقوم بإنشائه
باستخدام Express Generator في هذا التمرين.
للبدء، الخطوة الأولى هي تثبيت مولد Express.
لذلك، في نوع موجه «npm
install -g» لتثبيته كوحدة NPM العالمية.
سنقول Express Generator وضرب العودة.
الآن، إذا كنت تقوم بالتثبيت على OSX أو جهاز Linux،
فتأكد من استخدام sudo أمام هذا الأمر.
ثم قم بتثبيت التطبيق كتطبيق عالمي.
كما ترون، إصدار Express Generator الذي أستخدمه هو 4.16.0 في هذه الدورة.
الآن، بعد أن قمنا بتثبيت Express Generator، في المحطة الطرفية الخاصة بك،
انتقل إلى المجلد Node.Js حيث كنت قد تم تخزين
كافة تطبيقات العقدة المختلفة التي قمنا بتطويرها في هذه الدورة،
في المجلد Node.Js.
في موجه نوع اكسبرس كونفوسيونسيرفر.
الآن، إذا كنت تتابع من الدورات السابقة،
فأنت تفهم لماذا أسميها الارتباك ولذا
دعونا سقالة تطبيقنا السريع في ConfusionServer.
أنا السقالات خارج دون أي خيارات جديدة وبعد ذلك في غضون فترة قصيرة،
سيتم سقالة خادم إكسبريس بها.
الآن، انتقل إلى مجلد ConfusionServer ومن ثم
سترى أن مجموعة من الملفات قد تم بالفعل سقالة بالنسبة لك.
لذلك، دعونا فتح هذا المشروع في فيسوال ستوديو كود.
أيضا، في موجه نوع «npm
install» لتثبيت كافة وحدات NPM
التي تم تضمينها بالفعل في ملف package.json.
لذلك، دعونا نلقي نظرة سريعة على ملف package.json لمعرفة ما هي
جميع وحدات NPM Node المختلفة التي سيتم تثبيتها.
الذهاب إلى تطبيقنا،
في ملف package.json،
ترى أن الخادم بالاسم الافتراضي
قد تم تسقله وترى مجموعة من التبعيات التي تم الإعلان عنها هنا.
لذلك، سيتم تثبيت جميع وحدات الآلية الوقائية الوطنية هذه تلقائيًا
من قبل الآلية الوقائية الوطنية عند كتابة «npm install» في هذا المجلد.
لذلك، سترى مجلد وحدات العقدة التي يتم إنشاؤها هنا.
انتقل إلى المحطة، اكتب «npm install» ثم اتركه
يمضي قدما في تثبيت جميع وحدات NPM المختلفة.
بمجرد الانتهاء من جميع،
ثم نحن على استعداد للبدء مع تطبيق إكسبريس لدينا.
ستلاحظ أنه تم بالفعل تثبيت تطبيق Express الافتراضي.
لذلك في موجه،
إذا كنت ببساطة تقول npm start،
فسيبدأ التطبيق الافتراضي ويمكنك
تصفح باستخدام المتصفح القياسي لمعرفة ما يخدمه هذا التطبيق.
انتقل إلى ساعي البريد في نوع كتلة العنوان localhost: 3000
وإرسال الطلب وسترى أن الخادم الخاص بك سيعود
هذه المعلومات الافتراضية من موقع الخادم.
لذا، هذا هو خادم Express القياسي الذي يتم تسقله بواسطة Express Generator.
على وحدة التحكم، سترى معلومات مثل هذه المطبوعة هنا.
هذا ما يطبعه (مورغان) على الشاشة لإظهار الطلبات القادمة
لذلك، فإنه يعرض نوع الطلب الذي عنوان URL
والاستجابة المقابلة التي تم إرسالها مرة أخرى إلى العميل من الخادم.
دعنا نوقف خادم Express.
لنقم بتهيئة مستودع Git ثم
سنتحقق من حالة Git وسترى أنه يتم تضمين وحدات العقدة.
لذلك، اسمحوا لي التبديل إلى طلبي ثم إنشاء
ملف gitignore ثم في ملف gitignore،
اسمحوا لي أن تحديد وحدات العقدة كملف أريد تجاهله.
ثم العودة إلى المحطة،
اسمحوا لي أن تحقق من حالة git وترى
أننا الآن سوف يتم التحقق فقط من تلك الملفات التي هي جزء من التطبيق لدينا.
لذلك، في موجه، اكتب git add،
ثم قل، حالة git وترى أن جميع الملفات قد تم التحقق منها.
لذا، أنت تقول، git ارتكاب -m «Express Generator».
الآن، نحن ذاهبون لمواصلة مع هذا التطبيق إكسبريس.
لقد قمنا بالفعل ببناء أجهزة التوجيه الثلاثة باستخدام
جهاز التوجيه Express في تطبيق Express السابق الذي قمنا بتنفيذه.
سنقوم بنسخ هذه الموجهات الثلاثة لهذا التطبيق الذي قمنا بإنشائه باستخدام
Express Generator وأيضا إعداد هذا التطبيق للاستفادة من تلك الموجهات الثلاثة.
لذلك، للقيام بذلك،
اسمحوا لي أن أذهب إلى المجلد Node.Js وبعد ذلك،
الذهاب إلى مجلد عقدة اكسبرس والطرق،
وأنا ذاهب لنسخ dishRouter.js،
leaderRouter.js router.js و التي قمت بتنفيذها
في المهمة ونحن سوف تأتي إلى
كونفوسيونسيرفر أن أنا promoRouter.js إلى مجلد المسارات ثم قم بنسخها
عبر أجهزة التوجيه Express الثلاثة التي أنشأناها هناك.
لذلك تلقائيا، والآن تعديل ملف app.js،
ونحن سوف تكون قادرة على دعم أبي ريست باستخدام
التطبيق إكسبريس أن لدينا فقط سقالة بها.
دفع زيارة سريعة إلى التطبيق الذي تم سقالة بها.
كما ذكرت في المحاضرة السابقة،
فإن app.js هو المكان الذي يبدأ فيه كل شيء.
لذلك، هذا هو الملف القياسي حتى تتمكن من رؤية بعض
الأشياء التي كنت على دراية من الوحدة السابقة.
لذلك، نحن نطلب تسجيل المسار السريع الذي هو مورغان في هذه الحالة.
CookieParser التي سوف نستخدمها في واحدة من التدريبات اللاحقة
وترى أيضا أن كنت تستورد طريقين؛
الفهرس والمستخدمين،
والتي هي بالفعل سقالة من قبل Express بالنسبة لنا.
لذلك، سوف نضيف في ثلاثة أجهزة التوجيه الجديدة هنا.
لذا، سأقول فقط، var DishRouter تتطلب طرق
DishRouter وبعد ذلك سوف ينسخ هذا ثم يستورد أيضًا
PromorOter
و LeaderRouter وسنقوم بإعداد هذه لاستخدامها هنا.
هنا ترى أن يتم تثبيت الفهرس
في الشرطة المائلة ثم يتم تثبيت المستخدمين في/المستخدمين.
لذلك، سنقول، استخدام التطبيق
والأطباق DishRouter.
إنها الساعة الرابعة
الترقيات PromorOter والقادة. (
ليدر راوتر) هذا كل شيء. تم
الآن إعداد تطبيق Express الذي تم تسقله بالكامل
ليكون خادم REST API الكامل الذي سيعمل على الطبق
والأطباق والعروض الترويجية والقادة.
الآن، إذا كنت تصفح من خلال بقية التعليمات البرمجية،
وسوف تبدو كل مألوفة مع بعض الأشياء الجديدة في هناك.
سنقوم بزيارتها كما وعندما نحتاج إلى فهم المزيد من التفاصيل هناك.
لذلك، يمكنك أن ترى أن الخادم الثابت قد تم الإعداد،
وقد تم إعداد المسجل هناك وبعض من هذا الآخر - لذلك،
هذا واحد هو معالج عالمي للأخطاء.
سنرى كيفية الاستفادة منه بمزيد من التفصيل.
وهذه هي معالجات الخطأ الإضافية التي تتبع بعد هذا.
سنرى كيف نستفيد منها ونحن ننفذ المزيد في هذا التطبيق.
لذا، هذا هو المكان الذي تلاحظ فيه كل هذه المعلومات.
الآن، أنت تتساءل أين
تم تكوين الخادم نفسه إلى المضيف المحلي ويتم تكوين رقم المنفذ.
الآن، هذه المعلومات موجودة في هذا الملف يسمى bin/www.
إذا قمت بفتح المجلد bin/www،
سترى معلومات إضافية هنا.
لذلك، فإنه يقول، فار التطبيق تتطلب.. قطع/التطبيق.
لذلك، من مجلد بن،
يمكنك الخروج هنا وبعد ذلك،
هذا الملف app.js مطلوب هنا في هذا؛
وهكذا، من شأنها أن تشمل تلقائيا صريحة وكل شيء.
ثم، هنا تقوم بإعداد
خادم http هنا وتقوم بإعداد رقم المنفذ.
يمكنك أيضًا توفير رقم المنفذ الخاص بك في سطر الأوامر،
ولكن في هذه اللحظة سنستخدم القيمة الافتراضية، وهي 3000،
وسنقوم بإعداد رقم المنفذ هنا؛ وبعد ذلك،
ترى خادم var Http.createServer الذي رأيته سابقًا،
ويستمع الخادم الأشياء هنا.
ثم، أيضا، وهنا بعض الاستماع للأحداث على جانب الخادم.
سنعود إلى هذا في واحدة من التدريبات اللاحقة.
وبعد ذلك، أسفل سترى بعض
التعليمات البرمجية الإضافية التي تقوم بإعداد الخادم الخاص بك لتكون قادرة على
التعامل مع الأخطاء والاستماع للطلبات الواردة على رقم المنفذ وهلم جرا.
في هذه اللحظة، لا تقلق كثيرا حول هذا الرمز.
سنقوم بإعادة النظر في هذا الرمز كلما طلبنا،
وسنقوم بتعديل هذا الرمز عندما نطلب ذلك في أحد التمارين اللاحقة.
لذلك، هذا هو المكان الذي يتم فيه إعداد جميع معلومات الخادم الخاص بك هناك.
و app.js، رأينا بالفعل مجلد المسارات هناك.
Index.js و users.js اثنين من المسارات الافتراضية التي تم إعدادها بالفعل بالنسبة لنا.
سوف نستخدم users.js في واحدة من التدريبات في وقت لاحق.
وفي المجلد العام،
دعونا المضي قدما ونسخ index.html و
aboutus.html من تطبيق إكسبريس لدينا في المجلد العمومي أيضا.
لذلك، والعودة إلى المجلد العام عقدة اكسبرس.
أنا فقط ذاهب لنسخ هذين الاثنين.
وبعد ذلك، سنعود إلى خادم الارتباك؛
وبعد ذلك، في المجلد العام،
سأقوم ببساطة بلصقها في مكانها.
في الوقت الحالي، هذه هي العناصر النائبة.
في وقت لاحق، سنقوم باستبدالها بأشياء أخرى.
لذلك، مع هذه التغييرات،
يتم الآن إعداد خادمنا بالكامل للتشغيل
كخادم REST API وسيدعم جميع نقاط نهاية REST API.
لذلك، دعونا نبدأ الخادم لدينا.
لذلك، في موجه،
اكتب npm start وسيعمل الخادم الخاص بك.
دعونا نذهب إلى PostBin وإرسال بعض الطلبات إلى هذا الخادم.
دعونا الآن إرسال طلب الحصول على المضيف المحلي 3000/الأطباق،
وستلاحظ أن خادم REST API يعمل بالضبط كما نتوقع.
نرسل طلب حذف وسوف حذف الأطباق.
وبعد ذلك، دعونا
نرسل طلب حذف إلى العروض الترويجية وترى أنه يعمل تماما كما كان من قبل.
ونحن نفعل وظيفة للترقيات
مع الجسم fielding
وإرسال طلب آخر،
وسوف نرى أنه يقول،
«سنضيف اختبار الترقية مع وصف مفصل.»
دعونا نرسل هذا إلى القادة 23،
ولكن وضع طلب إلى القادة. 23 ويجب أن ترى أنه يقول، «تحديث الزعيم 23.
سيرفع مستوى القائد». لذلك، ترى
أن مولد Express الذي أنشأ التطبيق وقمنا
بتعديله لدعم نقاط النهاية REST API بالكامل التي
قمنا بتكوينها في الإصدار السابق من جهاز التوجيه Express.
الآن، مع هذا، نكمل هذا التمرين حيث أثبتنا كيف يمكننا
استخدام مولد Express لبناء نقطة نهاية REST API.
الآن، هذا هو الوقت المناسب بالنسبة لنا للقيام جيت كيرميت من التغييرات مع الرسالة،
«إكسبريس مولد ريست أبي».