ความแตกต่างระหว่าง express.Router และ app.get หรือไม่

ฉันเริ่มต้นด้วย NodeJS และ Express 4 และฉันสับสนเล็กน้อย ฉันได้อ่านเว็บไซต์ Express แต่ไม่สามารถมองเห็นได้เมื่อexpress.Routerใช้ตัวจัดการเส้นทางหรือเมื่อใช้

อย่างที่ฉันเห็นถ้าฉันต้องการที่จะแสดงหน้าหรือบางสิ่งบางอย่างเมื่อผู้ใช้ฮิต /showเช่นฉันควรใช้:

var express = require('express')    
var app = express()    
app.get("/show", someFunction)  

ในตอนแรกฉันคิดว่านี่เก่า (สำหรับ Express 3) ใช่หรือไม่และนี่เป็นวิธีสำหรับ Express 4 ด้วยหรือไม่

หากนี่คือวิธีที่จะทำใน Express 4 อะไรคือสิ่งที่ express.Routerไว้สำหรับอะไร?

ฉันอ่านตัวอย่างเกือบเหมือนข้างบน แต่ใช้express.Router:

var express = require('express');
var router = express.Router();
router.get("/show", someFunction)

ดังนั้นทั้งสองตัวอย่างต่างกันอย่างไร

ฉันควรใช้อันไหนถ้าฉันต้องการทำเว็บไซต์ทดสอบง่ายๆ

app.js

var express = require('express'),
    dogs    = require('./routes/dogs'),
    cats    = require('./routes/cats'),
    birds   = require('./routes/birds');

var app = express();

app.use('/dogs',  dogs);
app.use('/cats',  cats);
app.use('/birds', birds);

app.listen(3000);

dogs.js

var express = require('express');

var router = express.Router();

router.get('/', function(req, res) {
    res.send('GET handler for /dogs route.');
});

router.post('/', function(req, res) {
    res.send('POST handler for /dogs route.');
});

module.exports = router;

เมื่อvar app = express()ถูกเรียกวัตถุของแอปจะถูกส่งคืน คิดว่านี้เป็นapp หลัก

เมื่อvar router = express.Router()เรียกใช้แอปขนาดเล็กที่แตกต่างกันจะถูกส่งกลับ แนวคิดเบื้องหลังแอพขนาดเล็กคือแต่ละเส้นทางในแอพของคุณอาจมีความซับซ้อนมากและคุณจะได้รับประโยชน์จากการย้ายรหัสนั้นไปเป็นไฟล์แยกต่างหาก เราเตอร์ไฟล์แต่ละคนจะกลายเป็นแอพพลิเคมินิซึ่งมีโครงสร้างคล้ายกันมากกับapp หลัก

ในตัวอย่างข้างต้นรหัสสำหรับสุนัข /เส้นทางได้ถูกย้ายไปลงในไฟล์ของตัวเองดังนั้นจึงไม่ถ่วงขึ้นapp หลัก รหัสสำหรับ/ catsและ/ birdsจะมีโครงสร้างคล้ายกันในไฟล์ของตนเอง ด้วยการแยกรหัสนี้ออกเป็นสามแอปขนาดเล็กคุณสามารถทำงานกับตรรกะสำหรับแต่ละแอพแยกกันได้และไม่ต้องกังวลว่ามันจะส่งผลกระทบกับอีกสองแอปนี้อย่างไร

หากคุณมีรหัส (มิดเดิลแวร์) ที่เกี่ยวข้องกับทั้งสามเส้นทางคุณสามารถวางไว้ในแอพหลักก่อนการapp.use(...)โทร หากคุณมีรหัส (มิดเดิลแวร์) ที่เกี่ยวข้องกับหนึ่งในเส้นทางเหล่านั้นคุณสามารถวางไว้ในไฟล์สำหรับเส้นทางนั้นเท่านั้น

Express 4.0 มาพร้อมกับเราเตอร์ใหม่ ตามที่ระบุไว้ในเว็บไซต์:

คลาส express.Router สามารถใช้เพื่อสร้างตัวจัดการเส้นทางแบบแยกส่วนได้ อินสแตนซ์ Router เป็นมิดเดิลแวร์และระบบเส้นทางที่สมบูรณ์ ด้วยเหตุนี้จึงมักเรียกกันว่า "แอพขนาดเล็ก"

มีบทความที่ดีที่https://scotch.io/tutorials/learn-to-use-the-new-router-in-expressjs-4ซึ่งอธิบายความแตกต่างและสิ่งที่สามารถทำได้กับเราเตอร์

เพื่อสรุป

ด้วยเราเตอร์คุณสามารถทำให้โค้ดของคุณเป็นโมดูลได้ง่ายขึ้น คุณสามารถใช้เราเตอร์เป็น:

1. เส้นทางพื้นฐาน: บ้านเกี่ยวกับ
2. จัดเส้นทาง Middleware เพื่อบันทึกการร้องขอไปยังคอนโซล
3. กำหนดเส้นทางด้วยพารามิเตอร์
4. เส้นทาง Middleware สำหรับพารามิเตอร์เพื่อตรวจสอบพารามิเตอร์เฉพาะ
5. ตรวจสอบความถูกต้องของพารามิเตอร์ที่ส่งผ่านไปยังเส้นทางที่แน่นอน

บันทึก:

app.routerวัตถุซึ่งถูกถอดออกในเอ็กซ์เพรส 4 ได้ทำกลับมาในเอ็กซ์เพรส 5. ในรุ่นใหม่ก็เป็นเพียงการอ้างอิงถึงฐานเราเตอร์เอ็กซ์เพรส, แตกต่างจากในเอ็กซ์เพรส 3 ที่แอปมีการโหลดอย่างชัดเจน

app.route('/book')
  .get(function (req, res) {
    res.send('Get a random book')
  })
  .post(function (req, res) {
    res.send('Post a random book')
  })

ดังตัวอย่างข้างต้นเราสามารถเพิ่มวิธีการร้องขอ HTTP ที่แตกต่างกันภายใต้เส้นทาง

สมมติว่าแอปพลิเคชันของคุณซับซ้อนเล็กน้อย ดังนั้นสิ่งที่เราทำอันดับแรกคือเราแบ่งแอปพลิเคชั่นออกเป็นหลายโมดูลเพื่อให้การเปลี่ยนแปลงในโมดูลหนึ่งไม่เกะกะและคุณสามารถทำงานต่อในแต่ละโมดูลได้ แต่เมื่อสิ้นสุดวันที่คุณต้องรวมทุกอย่างเข้าด้วยกันตั้งแต่คุณ กำลังสร้างแอปพลิเคชันเดียว มันเหมือนกับว่าเรามีแอปพลิเคชั่นหลักหนึ่งแอปพลิเคชันหลักและแอปพลิเคชันย่อยที่มีแอปพลิเคชันหลัก ดังนั้นเมื่อเราสร้างแอปพลิเคชันหลักเราจะสร้างแอปพลิเคชันหนึ่งที่ใช้

var express = require('express');
var parent = express();

และสำหรับแอปพลิเคชันหลักนี้เราจำเป็นต้องนำแอปพลิเคชันลูกมาด้วย แต่เนื่องจากแอปพลิเคชันลูกไม่ใช่แอปพลิเคชันที่แตกต่างกันโดยสิ้นเชิง (เนื่องจากพวกเขาทำงานในเทอมบริบทจาวาเดียวกัน) Express ให้วิธีการที่จะทำได้โดยใช้ฟังก์ชั่นเราเตอร์ของ Expresse และนี่คือสิ่งที่เราทำในไฟล์โมดูลย่อยแต่ละไฟล์ ช่วยให้เรียกโมดูลเด็กคนหนึ่งเช่นaboutme

var express = require('express');
var router = express.Router();
/**
** do something here
**/
module.exports = router;

โดยmodule.exportsเรากำลังทำให้โมดูลนี้พร้อมใช้งานสำหรับผู้อื่นเพื่อบริโภคและเนื่องจากเรามีสิ่งที่ทำให้เป็นโมดูลเราจำเป็นต้องทำให้ไฟล์โมดูลพร้อมใช้งานสำหรับแอ็พพลิเคชันหลักโดยใช้ฟังก์ชันที่โหนดต้องการเช่นเดียวกับโมดูลบุคคลที่สามอื่น ๆ อะไรแบบนี้

var express = require('express') 
var parent = express() 
var child = require(./aboutme)

หลังจากที่เราทำให้โมดูลลูกนี้พร้อมใช้งานสำหรับผู้ปกครองเราจำเป็นต้องบอกแอปพลิเคชันหลักเมื่อใช้แอปพลิเคชันลูกนี้ ช่วยบอกว่าเมื่อผู้ใช้ฮิตเส้นทาง aboutme เราจำเป็นต้องใช้โปรแกรมเด็กเกี่ยวกับฉันจะจัดการกับการร้องขอและที่เราทำมันโดยใช้ Expresse ของการใช้วิธีการ

parent.use('/aboutme',  aboutme);

และในครั้งเดียวที่ไฟล์แม่มีลักษณะเช่นนี้

var express = require('express');
var parent = express();
var child = require(./aboutme);
/***
**do some stuff here
**/
parent.use('/aboutme',child);

เหนือสิ่งที่ผู้ปกครองสามารถทำได้คือมันสามารถเริ่มต้นเซิร์ฟเวอร์ที่เด็กไม่สามารถ หวังว่ามันจะชัดเจนขึ้น สำหรับข้อมูลเพิ่มเติมคุณสามารถดูซอร์สโค้ดซึ่งใช้เวลาพอสมควร แต่จะให้ข้อมูลมากมาย ขอบคุณ.

การใช้ app.js เพื่อเขียนเส้นทางหมายความว่าผู้ใช้ทุกคนสามารถเข้าถึงได้เมื่อแอพพลิเคชั่นถูกโหลดเมื่อเริ่มต้นแอปพลิเคชัน อย่างไรก็ตามการวางเส้นทางใน Express.router () แอปขนาดเล็กป้องกันและ จำกัด การเข้าถึงได้

express.Router มีตัวเลือกมากมาย:

• เปิดใช้งานการพิจารณาตัวพิมพ์เล็กและตัวพิมพ์ใหญ่: /showเส้นทางไม่เหมือนกัน/Showพฤติกรรมนี้ถูกปิดใช้งานโดยค่าเริ่มต้น
• โหมดเส้นทางที่เข้มงวด: /show/เส้นทางไปไม่เหมือนกัน/showพฤติกรรมนี้ถูกปิดใช้งานโดยค่าเริ่มต้น
• เราสามารถเพิ่มมิดเดิลแวร์ที่เฉพาะเจาะจงไปยังเส้นทางที่เฉพาะเจาะจง

ในคำเดียวexpress.Routerสามารถทำสิ่งต่าง ๆ ได้มากขึ้นเมื่อเปรียบเทียบกับapp.get()เช่นมิดเดิลแวร์ยิ่งไปกว่านั้นคุณสามารถกำหนดวัตถุเราเตอร์อีกด้วยexpress.Router()