مخطط سريع
- ما هي البرامج الوسيطة في Node.js؟
- ما هي البرامج الوسيطة لمحلل الجسم في Node.js؟
- كيفية استخدام البرامج الوسيطة لمحلل النص في Node.js؟
- خاتمة
لنبدأ بأساسيات البرامج الوسيطة في Node.js.
ما هي البرامج الوسيطة في Node.js؟
الوسيطة هي وظيفة تتيح الوصول لطلب كائن، والاستجابة لكائن، وتنفيذ الوظيفة بطرق تسلسلية من خلال التحرك نحو وظيفة البرنامج الوسيط التالية في دورة استجابة طلب التطبيق. كما يوفر إمكانية الوصول لتعديل كائنات الطلب والاستجابة لإجراء عمليات مثل التحقق وتحليل الهيئات الطالبة وغير ذلك الكثير.
ما هي البرامج الوسيطة لمحلل الجسم في Node.js؟
ال ' محلل الجسم ' عبارة عن برنامج وسيط لتحليل النص يدير طلبات HTTP POST. يرسل طلب 'POST' البيانات إلى الخادم لإنشاء المورد أو تعديله. تقوم البرامج الوسيطة 'bode-parser' بتوزيع نصوص الطلبات الواردة ككائن JavaScript (إذا كان نوع محتوى التطبيق هو JSON) ونموذج HTML (إذا كان نوع MIME هو application/x-www-form-urlencoded ). بمجرد الانتهاء من ذلك، يمكن استخدام ذلك في التطبيق.
بعد التعرف على أساسيات البرمجيات الوسيطة لمحلل النصوص، دعنا ننتقل إلى استخدامها.
كيفية استخدام البرامج الوسيطة لمحلل النص في Node.js؟
لاستخدام البرنامج الوسيط لمحلل النص في Node.js، اتبع الخطوات التالية من التعليمات:
- الخطوة 1: تهيئة مشروع Node.js
- الخطوة 2: تثبيت محلل الجسم
- الخطوة 3: تثبيت Express وEJS
- الخطوة 4: إنشاء قالب EJS
- الخطوة 5: استخدام الوسيطة محلل الجسم
- الخطوة 6: نشر تطبيق Node.js
لنبدأ بتهيئة مشروع Node.js.
الخطوة 1: تهيئة مشروع Node.js
أولاً، قم بتهيئة مشروع Node.js عن طريق تنفيذ الأمر المذكور أدناه ' npm (مدير حزمة العقدة)' أمر التهيئة:
الحرف npm - وفي الأمر أعلاه، ' -و' يتم استخدام العلم للإجابة على كافة الاستفسارات 'نعم'.
ويبين الإخراج أن ' package.json تم إنشاء الملف بنجاح والذي يحتوي على مجموعة الخصائص التالية:
الخطوة 2: تثبيت محلل الجسم
بعد ذلك، قم بتثبيت حزمة المحلل اللغوي في تطبيق Node.js الحالي عن طريق تنفيذ الأمر المذكور أدناه ' npm 'أمر التثبيت:
نص تثبيت npm - محلليوضح الناتج أدناه أن حزمة محلل النص قد تم تثبيتها بنجاح في تطبيق Node.js المحدد:
الخطوة 3: تثبيت Express وEJS
الآن قم بتثبيت ' لا (Embedded JavaScript Templating)' في تطبيق Node.js. 'ejs' هو محرك JavaScript ذو السمعة الطيبة والذي يستخدمه Node.js والذي يأخذ بيانات HTML كجافا سكريبت عادي:
تثبيت npm ejsويمكن ملاحظة أنه تمت إضافة مكتبة 'ejs' إلى تطبيق Node.js الحالي:
بالإضافة إلى ذلك، قم بتثبيت ' يعبر ” أطر عمل الويب لبناء تطبيق Node.js بسرعة وسهولة:
تثبيت npm السريعتمت إضافة 'express' أيضًا إلى تطبيق Node.js:
الخطوة 4: إنشاء قالب EJS
بمجرد تثبيت جميع الحزم المطلوبة، قم بإنشاء قالب 'ejs' يحتوي على سطور التعليمات البرمجية التالية واحفظه كـ ' SampleForm.ejs ' ملف:
نوع الوثيقة أتش تي أم أل >< لغة البرمجة >
< رأس >
< عنوان > جسم - محلل الوسيطة عنوان >
رأس >
< جسم >
< مركز >
< h1 > يوميات عينة h1 >
< عمل النموذج = 'حفظ البيانات' طريقة = 'بريد' >
< قبل >
< ملصق > عنوان : ملصق >< نوع الإدخال = 'نص' اسم = 'عنوان' > < ر >
< ملصق > تاريخ ملصق >< نوع الإدخال = 'تاريخ' اسم = 'تاريخ' >< ر >
< ملصق > تاريخ ملصق >< نوع الإدخال = 'تاريخ' اسم = 'تاريخ' >< ر >
< نوع الإدخال = 'يُقدِّم' قيمة = 'إرسال اليوميات' >< ر >
قبل >
استمارة >
مركز >
جسم >
لغة البرمجة >
شرح الكود أعلاه هو كما يلي:
- ال ' <العنوان> تحدد العلامة عنوان مستند HTML.
- ال ' <المركز> تعمل العلامة '' على محاذاة المحتوى الموجود في وسط صفحة الويب.
- ال ' <ح1> تقوم العلامة بإدراج عنصر عنوان من المستوى الأول.
- ال ' <النموذج> تقوم العلامة بإنشاء عنصر نموذج يجمع المعلومات من المستخدم. داخل عنصر 'النموذج' يوجد ' فعل ' تحدد السمة الإجراء الذي يتم تنفيذه عند إرسال النموذج و' طريقة تقوم السمة التي لها قيمة 'نشر' بإرسال البيانات إلى الخادم.
- ال ' <قبل> تعرض العلامة العناصر المحددة في الصفحة ذات عرض الخط الثابت نفسه كما هو الحال في الكود المصدري.
- ال ' <التسمية> تحدد العلامة تسمية حقل الإدخال.
- ال ' <الإدخال> يضيف 'النوع' حقل الإدخال من النوع ' نص '' والاسم'' عنوان '.
- تضيف العلامتان ' ' التاليتان حقول الإدخال للأنواع والأسماء المحددة.
الخطوة 5: استخدام الوسيطة محلل الجسم
الآن قم بإنشاء ملف '.js' باسم ' Index.js 'واستخدم البرنامج الوسيط لمحلل الجسم لتحليل نصوص جميع الطلبات الواردة. عند إنشاء ملف '.js'، انسخ سطور التعليمات البرمجية التالية فيه:
مقدار ثابت bodyparser = يتطلب ( 'محلل الجسم' )مقدار ثابت يعبر = يتطلب ( 'يعبر' )
مقدار ثابت طريق = يتطلب ( 'طريق' )
مقدار ثابت برنامج = يعبر ( )
السماح للميناء = عملية. بيئة . ميناء || 8080
برنامج. تعيين ( 'الآراء' ، طريق. ينضم ( __dirname ) )
برنامج. تعيين ( 'عرض المحرك' , 'لا' )
برنامج. يستخدم ( bodyparser. urlencoded ( { ممتد : حقيقي } ) )
برنامج. يستخدم ( bodyparser. json ( ) )
برنامج. يحصل ( '/' ، وظيفة ( الطلب، الدقة ) {
الدقة. يجعل ( 'نموذج النموذج' )
} ) ;
برنامج. بريد ( '/حفظ البيانات' , ( الطلب، الدقة ) => {
وحدة التحكم. سجل ( 'استخدام المحلل اللغوي:' ، مطلوب. جسم )
} )
برنامج. يستمع ( المنفذ، الوظيفة ( خطأ ) {
لو ( خطأ ) يرمي خطأ
وحدة التحكم. سجل ( 'تم إنشاء الخادم على المنفذ' ، ميناء )
} )
شرح سطور الكود المذكورة أعلاه مكتوب أدناه:
- أولاً، ' يتطلب() يستورد الأسلوب 'body-parser' و'express' و'path' في تطبيق Node.js الحالي.
- بعد ذلك، قم بإنشاء مثيل للتطبيق السريع بمساعدة ' يعبر() ' البناء.
- وبعد ذلك ' Process.env 'الخاصية تنفذ الخادم المحلي بشكل افتراضي' ميناء '. إذا كان المنفذ الافتراضي مشغولاً، فسيتم تنفيذ الخادم على المنفذ المحدد وهو ' 8080 '.
- الآن قم بإعداد محرك العرض بمساعدة البرنامج الوسيط المحدد الذي تشير فيه 'العروض' إلى المجلد الذي يتم حفظ جميع صفحات الويب فيه و' المسار. الانضمام () 'يقوم الأسلوب بضم أجزاء المسار للدليل الحالي وإنشاء مسار واحد.
- وبمجرد الانتهاء من كل شيء، ' التطبيق.استخدام () 'الطريقة تضع المحدد' محلل الجسم 'الوسيطة في المسار المحدد. تستخدم هذه البرامج الوسيطة لمحلل النص ' urlencoded 'المحلل اللغوي الذي يقوم فقط بتحليل الأجسام 'المشفرة urlencode' التي يتطابق رأسها 'نوع المحتوى' مع خيار 'النوع'.
- يستخدم 'المحلل اللغوي' الثاني ' JSON 'محلل لتحليل نصوص الطلبات الواردة ككائن JSON بتنسيق قيمة المفتاح.
- ال ' app.get() 'ترسل الطريقة طلب HTTP 'GET' في المسار المحدد وتنفذ وظيفة رد اتصال تحتوي على ' مطلوب (طلب)'، و' الدقة (الرد)' المعلمات.
- داخل وظيفة رد الاتصال، ' الدقة. تقديم () يعرض الأسلوب الاستجابة عند تنفيذ وظيفة رد الاتصال المحددة.
- ترسل طريقة 'app.post()' طلب HTTP 'POST' وهو أكثر أمانًا لأنه لا يعرض البيانات في عنوان URL. كما أنها تحدد وظيفة رد الاتصال التي تستخدم ' req.body 'للحصول على البيانات من حقول الإدخال.
- وأخيرًا ' التطبيق. الاستماع () 'ينشئ الأسلوب اتصالاً على المنفذ المحدد ويحدد وظيفة رد الاتصال. في هذه الوظيفة ' لو 'تؤدي العبارة إلى ظهور خطأ إذا حدث أثناء تنفيذ البرنامج، و' console.log() ' يعرض بيان التأكيد على وحدة التحكم.
الخطوة 6: نشر تطبيق Node.js
أخيرًا، قم بنشر تطبيق Node.js بمساعدة ' العقدة 'الكلمة الرئيسية بهذه الطريقة:
مؤشر العقدة. jsيُظهر تنفيذ الأمر أعلاه رسالة تأكيد بأنه تم إنشاء الخادم على المنفذ المحدد بنجاح:
الآن قم بزيارة عنوان URL التالي http://localhost:8080 لرؤية نموذج اليوميات. في صفحة الويب 'Sample Diary'، قم بملء جميع حقول الإدخال، ثم انقر فوق ' إرسال مذكرات 'زر لحفظ المحتوى:
يمكن ملاحظة أنه بعد إرسال المعلومات، تعرض الوحدة تلقائيًا جميع نصوص عناصر HTML المستخدمة في 'نموذج اليوميات' ككائن JSON:
يتعلق الأمر كله باستخدام البرامج الوسيطة لمحلل الجسم في Node.js.
خاتمة
لاستخدام ال ' محلل الجسم 'في Node.js استخدم ' urlencoded ' و ال ' JSON 'الموزعون الذين يقومون بتحليل نص جميع الطلبات الواردة وعرضها ككائن JSON. يتعامل مع نصوص طلبات 'POST' ويوزعها لاسترداد محتوى جميع العناصر المستخدمة في مستند HTML. فهو يوفر طريقة بسيطة وأسهل لمعالجة التاريخ الذي يرسله نص طلب HTTP الوارد. لقد أوضح هذا المنشور بشكل عملي استخدام البرنامج الوسيط لمحلل الجسم في Node.js.