พารามิเตอร์“ ถัดไป” ที่ใช้ใน Express คืออะไร

สมมติว่าคุณมีรหัสง่ายๆแบบนี้:

app.get('/', function(req, res){
    res.send('Hello World');
});

ฟังก์ชั่นนี้มีสองพารามิเตอร์reqและresซึ่งเป็นตัวแทนของวัตถุร้องขอและตอบสนองตามลำดับ

บนมืออื่น ๆ ที่มีฟังก์ชั่นอื่น ๆ nextที่มีพารามิเตอร์ที่สามเรียกว่า ตัวอย่างเช่นลองมาดูรหัสต่อไปนี้:

app.get('/users/:id?', function(req, res, next){ // Why do we need next?
    var id = req.params.id;
    if (id) {
        // do something
    } else {
        next(); // What is this doing?
    }
});

ฉันไม่เข้าใจว่าประเด็นnext()คืออะไรหรือเพราะเหตุใดจึงใช้งาน ในตัวอย่างนั้นถ้าไม่มี id สิ่งที่กำลังnextทำอยู่จริง

มันผ่านการควบคุมไปยังเส้นทางการจับคู่ต่อไป ในตัวอย่างที่คุณให้ตัวอย่างเช่นคุณอาจมองถึงผู้ใช้ในฐานข้อมูลหากผู้ได้รับพระราชทานและกำหนดให้idreq.user

ด้านล่างคุณอาจมีเส้นทางเช่น:

app.get('/users', function(req, res) {
  // check for and maybe do something with req.user
});

เนื่องจาก / users / 123 จะจับคู่เส้นทางในตัวอย่างของคุณก่อนซึ่งจะทำการตรวจสอบและค้นหาผู้ใช้123ก่อน จากนั้น/usersสามารถทำอะไรกับผลลัพธ์ของสิ่งนั้น

เส้นทางมิดเดิลแวร์เป็นเครื่องมือที่มีความยืดหยุ่นและทรงพลังกว่าในความคิดของฉันเนื่องจากมันไม่ได้ขึ้นอยู่กับรูปแบบ URI หรือการสั่งซื้อเส้นทาง ฉันอยากจะสร้างแบบจำลองตัวอย่างที่แสดงเช่นนี้สมมติว่าUsersแบบจำลองมี async findOne():

function loadUser(req, res, next) {
  if (req.params.userId) {
    Users.findOne({ id: req.params.userId }, function(err, user) {
      if (err) {
        next(new Error("Couldn't find user: " + err));
        return;
      }

      req.user = user;
      next();
    });
  } else {
    next();
  }
}

// ...

app.get('/user/:userId', loadUser, function(req, res) {
  // do something with req.user
});

app.get('/users/:userId?', loadUser, function(req, res) {
  // if req.user was set, it's because userId was specified (and we found the user).
});

// Pretend there's a "loadItem()" which operates similarly, but with itemId.
app.get('/item/:itemId/addTo/:userId', loadItem, loadUser, function(req, res) {
  req.user.items.append(req.item.name);
});

ความสามารถในการควบคุมโฟลว์เช่นนี้ค่อนข้างมีประโยชน์ คุณอาจต้องการให้ผู้ใช้ที่มีสถานะผู้ดูแลระบบเท่านั้น:

/**
 * Only allows the page to be accessed if the user is an admin.
 * Requires use of `loadUser` middleware.
 */
function requireAdmin(req, res, next) {
  if (!req.user || !req.user.admin) {
    next(new Error("Permission denied."));
    return;
  }

  next();
}

app.get('/top/secret', loadUser, requireAdmin, function(req, res) {
  res.send('blahblahblah');
});

หวังว่านี่จะเป็นแรงบันดาลใจให้คุณ!

ฉันยังมีปัญหาในการทำความเข้าใจต่อไป () แต่สิ่งนี้ช่วย

var app = require("express")();

app.get("/", function(httpRequest, httpResponse, next){
    httpResponse.write("Hello");
    next(); //remove this and see what happens 
});

app.get("/", function(httpRequest, httpResponse, next){
    httpResponse.write(" World !!!");
    httpResponse.end();
});

app.listen(8080);

ก่อนที่จะเข้าใจnextคุณจำเป็นต้องมีความคิดเล็กน้อยเกี่ยวกับวงจรการตอบสนองคำขอในโหนดแม้ว่าจะมีรายละเอียดไม่มากนัก มันเริ่มต้นด้วยการที่คุณทำการร้องขอ HTTP สำหรับทรัพยากรเฉพาะและจะสิ้นสุดลงเมื่อคุณส่งการตอบกลับกลับไปยังผู้ใช้เช่นเมื่อคุณพบสิ่งที่ต้องการ res.send ('Hello World');

ลองมาดูตัวอย่างที่ง่ายมาก

app.get('/hello', function (req, res, next) {
  res.send('USER')
})

ที่นี่เราไม่จำเป็นต้องต่อไป () เพราะ resp.send จะสิ้นสุดรอบและมอบการควบคุมกลับไปที่มิดเดิลแวร์ของเส้นทาง

ตอนนี้ลองมาดูตัวอย่างอื่น

app.get('/hello', function (req, res, next) {
  res.send("Hello World !!!!");
});

app.get('/hello', function (req, res, next) {
  res.send("Hello Planet !!!!");
});

ที่นี่เรามีฟังก์ชั่นมิดเดิลแวร์ 2 รายการสำหรับเส้นทางเดียวกัน แต่คุณจะได้รับคำตอบจากคนแรกเสมอ เพราะที่ติดตั้งครั้งแรกในมิดเดิลแวร์สแต็คและ res.send จะสิ้นสุดรอบ

แต่ถ้าเราไม่ต้องการ“ Hello World !!!!” ตอบกลับ สำหรับเงื่อนไขบางอย่างเราอาจต้องการ "Hello Planet !!!!" คำตอบ ลองแก้ไขโค้ดด้านบนและดูว่าเกิดอะไรขึ้น

app.get('/hello', function (req, res, next) {
  if(some condition){
    next();
    return;
  }
  res.send("Hello World !!!!");  
});

app.get('/hello', function (req, res, next) {
  res.send("Hello Planet !!!!");
});

สิ่งที่nextทำอะไรที่นี่ และใช่คุณอาจมี gusses มันจะข้ามฟังก์ชันมิดเดิลแวร์แรกหากเงื่อนไขเป็นจริงและเรียกใช้ฟังก์ชันมิดเดิลแวร์ถัดไปและคุณจะได้รับการ"Hello Planet !!!!"ตอบกลับ

ดังนั้นถัดไปผ่านการควบคุมไปยังฟังก์ชั่นถัดไปในกองกลางมิดเดิลแวร์

จะเกิดอะไรขึ้นถ้าฟังก์ชั่นมิดเดิลแวร์แรกไม่ส่งการตอบกลับใด ๆ แต่ทำการประมวลผลตรรกะแล้วคุณจะได้รับการตอบกลับจากฟังก์ชั่นมิดเดิลแวร์ที่สอง

สิ่งที่ต้องการด้านล่าง: -

app.get('/hello', function (req, res, next) {
  // Your piece of logic
  next();
});

app.get('/hello', function (req, res, next) {
  res.send("Hello !!!!");
});

ในกรณีนี้คุณจำเป็นต้องเรียกใช้ทั้งฟังก์ชันมิดเดิลแวร์ ดังนั้นวิธีเดียวที่คุณเข้าถึงมิดเดิลแวร์ฟังก์ชั่นที่สองคือการโทรถัดไป ();

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

ถัดไปใช้เพื่อส่งการควบคุมไปยังฟังก์ชันมิดเดิลแวร์ถัดไป หากไม่ได้รับการร้องขอจะถูกปล่อยให้แขวนหรือเปิด

การเรียกใช้ฟังก์ชันนี้จะเรียกใช้ฟังก์ชันมิดเดิลแวร์ถัดไปในแอพ ฟังก์ชั่นถัดไป () ไม่ได้เป็นส่วนหนึ่งของ Node.js หรือ Express API แต่เป็นอาร์กิวเมนต์ที่สามที่ส่งผ่านไปยังฟังก์ชันมิดเดิลแวร์ ฟังก์ชั่นถัดไป () สามารถตั้งชื่ออะไรก็ได้ แต่โดยการประชุมมันมักจะมีชื่อว่า“ ถัดไป”

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