مناقشة مختصرة حول كيفية استخدام Node Third-party Framework Express

1. مقدمة إلى إطار عمل Express

• 1. يعد Express إطار عمل ثقيل جدًا لجهة خارجية في تطوير Nodejs، وهو ما يمثله Jquery بالنسبة لخادم NodeJS بالنسبة لعميل HTML.

  • إذا كنت لا تعرف حتى كيفية استخدام Express، فأنت محرج بشكل أساسي من إخبار الآخرين أنك تعرف NodeJS

• 2. موقع Express الرسمي:

  • www.expressjs.com.cn/

  • Expressjs.com/

    • بشكل عام عندما نتعلم تقنية جديدة، نذهب إلى الموقع الرسمي لعرض الوثائق. واجهة برمجة التطبيقات (API) الخاصة به، ثم نحاول كثيرًا، الممارسة تجعلها مثالية

• 3. عنوان Express على github: https://github.com/expressjs/express

  • المؤلف الأصلي لـ Express، TJ، جيد جدًا مشهور في مجتمع العقدة، وقد كتب أكثر من 200 إطار عمل حاليًا، وقد سلم Express إلى صديق للصيانة وأعلن أنني لن أحتفظ بإطار NodeJS بعد الآن وأتحول إلى لغة Go (https://github). .com/tj)

• 4. يقدم موقع Express الرسمي نفسه على النحو التالي: استنادًا إلى منصة Node.js، فهو إطار عمل سريع ومفتوح وبسيط للغاية لتطوير الويب.

  • من أهم مميزات Express هو أنه لا يغير الميزات الحالية لـnodejs، ولكنه يتوسع فيها.

    • وبعبارة أخرى، باستخدام Express، يمكنك استخدام أي واجهة برمجة تطبيقات أصلية لـnodejs، بالإضافة إلى Express's API

• 5.Express三大核心功能

  • : 1.

    • تتطلب استضافة الموارد الثابتة التي تحدثنا عنها في اليوم الثاني سطرًا واحدًا فقط من التعليمات البرمجية في Express.

  • 2. يمتلك التوجيه

    • Express وظيفة توجيه خاصة به، مما يجعل تطوير خادم Node
    • Express
    بسيطًا للغاية
    • اجعل الكود يبدو أكثر إيجازًا

  • == 3. البرامج الوسيطة ==

    • التكنولوجيا الأساسية وفكرة Express، كل شيء عبارة عن برامج وسيطة.

      • على الرغم من صعوبة فهم البرامج الوسيطة، إلا أنها مريحة جدًا في الاستخدام، على غرار bootstrap插件2.

السريع

: npm i Express

إذا كان موقع الويب الخاص بك بطيئًا للغاية، فيمكنك استخدام npm.taobao.org/ لزيادة السرعة،

وسيساعدك Taobao على تنزيل هذا الشيء على خادم Taobao ثم سوف تقوم بتحميله على خادم تاوباو

3. استخدم Express

//1. وحدة الاستيراد const Express = require('express')

//2. إنشاء خادم/* Express() يعادل http.createServer() لوحدة http */
تطبيق ثابت = صريح ()


//3.تلقي طلبات العميل/* (1) أكبر ميزة في Express هي وظيفة التوجيه الخاصة به. لا نحتاج إلى معالجة جميع الطلبات بطريقة واحدة * التوجيه: مسار طلب واحد يتوافق مع طريقة (وظيفة) واحدة.
   (2) في التعبير السريع، كل طلب هو طريقة منفصلة*/

app.get('/',(req,res)=>{
    // الرد على بيانات العميل // طريقة إرسال بيانات الاستجابة السريعة: قم بتعيين رأس الاستجابة تلقائيًا لنا، لا داعي للقلق بشأن الأحرف الصينية المشوهة res.send('الرياح ترتفع تحت القمر')

})

app.get('/heroInfo',(req,res)=>{
    
    إعادة إرسال({
        الاسم: "تشانغ سان"،
        العمر: 20
    })
})

//4. افتح الخادم app.listen(3000,()=>{
    console.log("بدأ الخادم بنجاح")
})

4-Express يستجيب لبيانات العميل

//1.وحدة الاستيراد const Express = require('express')

//2. إنشاء خادم/* Express() يعادل http.createServer() لوحدة http */
تطبيق ثابت = صريح ()


//3. تلقي طلب العميل // بيانات نوع النص app.get('/',(req,res)=>{
    // الرد على بيانات العميل res.send("تشرق الريح تحت القمر")
})

// بيانات تنسيق json app.get('/info',(req,res)=>{
    // يساعدنا Express تلقائيًا في تحويل كائنات js إلى استجابات json للعميل res.send({
        الاسم: "تشانغ سان"،
        العمر: 20
    })
})

// بيانات نوع الملف app.get('/login',(req,res)=>{
    res.sendFile(__dirname + '/login.html')
})

//4. افتح الخادم app.listen(3000,()=>{
    console.log("بدأ الخادم بنجاح")
})

5. Express الموارد الثابتة المستضافة

http://expressjs.com/en/starter/static-files.html

//1. وحدة الاستيراد const Express = require('express');

//2.إنشاء خادم const app = Express()

// استضافة موارد ثابتة (أي ما يعادل خادم الموارد الثابتة الذي كتبناه من قبل)
/* 
1. عندما يكون مسار الطلب هو /، سيقوم Express تلقائيًا بقراءة ملف Index.html في مجلد www وإرجاع الاستجابة 2. عندما يكون طلب المسار موردًا ثابتًا في مجلد www، سيقوم Express تلقائيًا بربط مسار الملف و ارجع الرد */
app.use(express.static('www'))

//4. افتح الخادم app.listen(3000,()=>{
    console.log('النجاح')
})

6. استخدام البرامج الوسيطة التابعة لجهات خارجية

• 1. يوجد على موقع Express الرسمي العديد من البرامج الوسيطة التابعة لجهات خارجية، والتي يمكن أن تجعل تطوير Nodejs الخاص بنا بسيطًا للغاية

  • 中间件前端的插件，使用后就会给express中的req或者res添加成员

• 2. جميع إجراءات التعلم الخاصة بإطار عمل الطرف الثالث هي نفسها

  • 1. انتقل إلى الموقع الرسمي وتحقق من الوثائق
  • 2. CTRL+C وCTRL+V

• 3. تكون خطوات استخدام البرامج الوسيطة لجهة خارجية بشكل عام. تم إصلاح خطوتين

  • الأولى: التثبيت npm i xxxx (نسخ ولصق الموقع الرسمي)

    • يجب تثبيت البرامج الوسيطة التابعة لجهات خارجية باستخدام npm، والتي يمكن فهمها على أنها وحدة خاصة لجهة خارجية

  • 2: استخدم app.use(xxx) (الموقع الرسمي النسخ واللصق)

• body-parse البرامج الوسيطة لجهة خارجية: تحليل معلمات طلب النشر

  • وتثبيت محلل الجسم: npm install body-parser
  • https://www.npmjs.com/package/body-parser
    

// وحدة الاستيراد const Express = require('express')
// إنشاء خادم const app = Express ()

// استخدم البرامج الوسيطة التابعة لجهات خارجية/*فكرة جميع وحدات الطرف الثالث هي نفسها 1. انتقل إلى الموقع الرسمي وتحقق من الوثائق 2. ابحث عن الأمثلة (أمثلة الاستخدام)، وانسخها والصقها أ وحدة الطرف الثالث: npm i body-parser
        ب. استخدام البرامج الوسيطة: arr.use (يُرجى النسخ واللصق لاستخدام محدد) 
بعد استخدام البرنامج الوسيط لمحلل الجسم، سيضيف طلبك سمة نص، وهي معلمة طلب النشر الخاص بك*/
//(1) وحدة الاستيراد const bodyParser = require('body-parser')
// تحليل التطبيق/x-www-form-urlencoded 
//(2) استخدم التطبيق الوسيط app.use(bodyParser.urlencoded({ Extend: false }))
// تحليل معلمات json app.use(bodyParser.json())

app.post('/abc',(req,res)=>{
    console.log(req.body)
    // أخبر العميل بالمعلمات التي تلقيتها res.send(req.body)
})

app.post('/efg',(req,res)=>{
    console.log(req.body)
    // أخبر العميل بالمعلمات التي تلقيتها res.send(req.body)
})

// ابدأ تشغيل الخادم app.listen(3000, () => {
    console.log('النجاح');
})