Express.js app.router用法及代碼示例

Express 4中引入了Express.js app.router屬性。它有助於我們創建模塊化的，可安裝的路由處理程序。它為我們提供了許多函數，例如將此路由擴展到處理驗證，處理404或其他錯誤等。它有助於我們為服務器端編程組織文件結構。

使用express.Router有什麽需要？

通過將它們分為單獨的文件，它可以幫助我們管理在服務器端項目中創建的數百條路由。它有助於基本的中間件路由和處理404錯誤。使用express.Router，包含所有依賴項，文件，路由等的整個文件夾為well-structured，任何人都易於理解。

快速模塊的安裝

運行npm init並創建package.json文件後，該安裝依賴項即Express了。

1.您可以訪問此鏈接並使用以下命令下載：

npm install express --save

2.安裝Express後，可以使用以下命令在命令提示符下檢查Express版本：

npm version express

3.安裝所需的依賴項後，使用終端創建一個app.js文件。為了運行此文件，您需要執行以下操作：

node app.js

項目目錄：創建app.js後，創建一個單獨的文件夾，命名為route，如下所示：

這是創建和安裝文件和包之後的項目結構。在路線內部，將有兩個文件，如下所示：

文件名：app.js

// Requiring module 
const express = require('express'); 
  
// Creating express object 
const app=express(); 
  
// Middlewares 
app.use(require('./routes/introduction.js')); 
app.use(require('./routes/computer.js')); 
  
// Server setup 
app.listen(3000, function() {  
   console.log('Server listening on port 3000');  
});

我們需要使用以下代碼在路由中創建的兩個文件，即，在app.js文件中的computer.js和Introduction.js：

// Syntax
app.use(require('Filepath'))

// Implementation
app.use(require('./routes/introduction.js'));
app.use(require('./routes/computer.js'));

文件名：introduction.js

// Requiring module 
const express = require('express'); 
  
// Creating router object 
const router = express.Router(); 
  
// Handling request 
router.get('/introduction', (req,res) => { 
  console.log('Opening introduction.js'); 
  res.send('Welcome to geeksforgeeks!'); 
}); 
  
// Exporting router object 
module.exports = router;

文件名：computer.js

// Requiring module 
const express = require('express'); 
  
// Creating router object 
const router = express.Router(); 
  
// Handling request 
router.get('/computer', (req,res) => { 
  console.log('Opening computer.js'); 
  res.send('This is a computer science portal'); 
}); 
  
// Exporting router object 
module.exports = router;

使用以下命令運行app.js文件：

node app.js

輸出：

Server listening on port 3000

現在打開瀏覽器，轉到http：//localhost：3000 /introduction和http：//localhost：3000 /computer，然後您將在終端屏幕上看到以下輸出：

Server listening on port 3000
Opening introduction.js
Opening computer.js

工作：兩條路線都已在瀏覽器中打開，因此console.log()在成功打開路線時打印了以下語句。在瀏覽器上，兩條路線將顯示不同的輸出，如下所示：

對於http：//localhost：3000 /introduction，將顯示以下輸出：

Welcome to geeksforgeeks!

對於http：//localhost：3000 /computer，將顯示以下輸出：

This is a computer science portal