nodejs中express的作用什么

本篇文章為大家展示了nodejs中express的作用什么，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

初始化

新建一個目錄myapp，項目初始化

$ npm init

安裝express

$ npm install express --save

創(chuàng)建一個hello world實例

進(jìn)入myapp目錄，創(chuàng)建一個名為app.js

var express = require('express');
var app = express();
 
app.get('/', function(req, res) {
  res.send('Hello World!');
});
 
var server = app.listen(3000, function() {
  var host = server.address().address;
  var port = server.address().port;
 
  console.log('Example app listening at http://%s:%s', host, port);
});

上面的代碼啟動一個服務(wù)并監(jiān)聽從 3000 端口進(jìn)入的所有連接請求。他將對所有 (/) URL 或 路由 返回 “Hello World!” 字符串。對于其他所有路徑全部返回 404 Not Found。

通過以下命令行啟動

$ node app.js

express生成器

通過應(yīng)用生成器工具 express 可以快速創(chuàng)建一個應(yīng)用的骨架。

1.安裝以下命令

$ npm install express-generator -g

2.在當(dāng)前目錄創(chuàng)建myapp的應(yīng)用，運(yùn)行以下命令

$ express myapp
$ cd myapp 
$ npm install> set DEBUG=myapp & npm start

通過 Express 應(yīng)用生成器創(chuàng)建的應(yīng)用一般都有如下目錄結(jié)構(gòu)：

├── app.js
├── bin
│  └── www
├── package.json
├── public
│  ├── images
│  ├── javascripts
│  └── stylesheets
│    └── style.css
├── routes
│  ├── index.js
│  └── users.js
└── views
  ├── error.jade
  ├── index.jade
  └── layout.jade
 
7 directories, 9 files

express路由

路由（Routing）是由一個 URI（或者叫路徑）和一個特定的 HTTP 方法（GET、POST 等）組成的，涉及到應(yīng)用如何響應(yīng)客戶端對某個網(wǎng)站節(jié)點的訪問。每一個路由都可以有一個或者多個處理器函數(shù)，當(dāng)匹配到路由時，這個/些函數(shù)將被執(zhí)行。

路由的定義由如下結(jié)構(gòu)組成：app.METHOD(PATH, HANDLER)。其中，app 是一個 express 實例；METHOD 是某個 HTTP 請求方式中的一個；PATH 是服務(wù)器端的路徑；HANDLER 是當(dāng)路由匹配到時需要執(zhí)行的函數(shù)。

以下是一些常見的路由代碼：

var express = require('express');
var app = express();
 
// respond with "hello world" when a GET request is made to the homepage
app.get('/', function(req, res) {
 res.send('hello world');
});
 
// POST method route
app.post('/', function (req, res) {
 res.send('POST request to the homepage');
});
//app.all() 是一個特殊的路由方法，沒有任何 HTTP 方法與其對應(yīng)，它的作用是對于一個路徑上的所有請求加載中間件。
app.all('/secret', function (req, res, next) {
 console.log('Accessing the secret section ...');
 next(); // pass control to the next handler
});

使用字符串模式的路由路徑示例：字符 ?、+、* 和 () 是正則表達(dá)式的子集，- 和 . 在基于字符串的路徑中按照字面值解釋。

// 匹配 acd 和 abcd
app.get('/ab?cd', function(req, res) {
 res.send('ab?cd');
});
 
// 匹配 abcd、abbcd、abbbcd等
app.get('/ab+cd', function(req, res) {
 res.send('ab+cd');
});
 
// 匹配 abcd、abxcd、abRABDOMcd、ab123cd等
app.get('/ab*cd', function(req, res) {
 res.send('ab*cd');
});
 
// 匹配 /abe 和 /abcde
app.get('/ab(cd)?e', function(req, res) {
 res.send('ab(cd)?e');
});
 
//使用正則表達(dá)式的路由路徑示例：
// 匹配任何路徑中含有 a 的路徑：
app.get(/a/, function(req, res) {
 res.send('/a/');
});
 
// 匹配 butterfly、dragonfly，不匹配 butterflyman、dragonfly man等
app.get(/.*fly$/, function(req, res) {
 res.send('/.*fly$/');
});

路由句柄

可以為請求處理提供多個回調(diào)函數(shù)，其行為類似 中間件。唯一的區(qū)別是這些回調(diào)函數(shù)有可能調(diào)用 next('route') 方法而略過其他路由回調(diào)函數(shù)。

路由句柄有多種形式，可以是一個函數(shù)、一個函數(shù)數(shù)組，或者是兩者混合，如下所示：

//使用多個回調(diào)函數(shù)處理路由（記得指定 next 對象）：
app.get('/example/b', function (req, res, next) {
 console.log('response will be sent by the next function ...');
 next();
}, function (req, res) {
 res.send('Hello from B!');
});
 
//使用回調(diào)函數(shù)數(shù)組處理路由：
var cb0 = function (req, res, next) {
 console.log('CB0');
 next();
}
var cb1 = function (req, res, next) {
 console.log('CB1');
 next();
}
var cb2 = function (req, res) {
 res.send('Hello from C!');
}
app.get('/example/c', [cb0, cb1, cb2]);

響應(yīng)方法

下表中響應(yīng)對象（res）的方法向客戶端返回響應(yīng)，終結(jié)請求響應(yīng)的循環(huán)。如果在路由句柄中一個方法也不調(diào)用，來自客戶端的請求會一直掛起。

方法 描述：

• res.download() 提示下載文件。

• res.end() 終結(jié)響應(yīng)處理流程。

• res.JSON() 發(fā)送一個 JSON 格式的響應(yīng)。

• res.jsonp() 發(fā)送一個支持 JSONP 的 JSON 格式的響應(yīng)。

• res.redirect() 重定向請求。

• res.render() 渲染視圖模板。

• res.send() 發(fā)送各種類型的響應(yīng)。

• res.sendFile 以八位字節(jié)流的形式發(fā)送文件。

• res.sendStatus() 設(shè)置響應(yīng)狀態(tài)代碼，并將其以字符串形式作為響應(yīng)體的一部分發(fā)送。

app.route()

可使用 app.route() 創(chuàng)建路由路徑的鏈?zhǔn)铰酚删浔?。由于路徑在一個地方指定，這樣做有助于創(chuàng)建模塊化的路由，而且減少了代碼冗余和拼寫錯誤。

app.route('/book')
 .get(function(req, res) {  res.send('Get a random book');
 })
 .post(function(req, res) {  res.send('Add a book');
 })
 .put(function(req, res) {  res.send('Update the book');
 });

express.Router

可使用 express.Router 類創(chuàng)建模塊化、可掛載的路由句柄。Router 實例是一個完整的中間件和路由系統(tǒng)，因此常稱其為一個 “mini-app”。

在 app 目錄下創(chuàng)建名為 birds.js 的文件，內(nèi)容如下：

var express = require('express');
var router = express.Router();
// 該路由使用的中間件
router.use(
  function timeLog(req, res, next) {
    console.log('Time: ', Date.now());
    next();
  });
// 定義網(wǎng)站主頁的路由
router.get('/', function(req, res) {
  res.send('Birds home page');
});
// 定義 about 頁面的路由
router.get('/about', function(req, res) {
  res.send('About birds');
});
module.exports = router;

然后在應(yīng)用中加載路由模塊：

var birds = require('./birds');
...
app.use('/birds', birds);

應(yīng)用即可處理發(fā)自 /birds 和 /birds/about 的請求，并且調(diào)用為該路由指定的 timeLog 中間件。

利用 Express 托管靜態(tài)文件

通過 Express 內(nèi)置的 express.static 可以方便地托管靜態(tài)文件，例如圖片、CSS、JavaScript 文件等。

將靜態(tài)資源文件所在的目錄作為參數(shù)傳遞給 express.static 中間件就可以提供靜態(tài)資源文件的訪問了。例如，假設(shè)在 public 目錄放置了圖片、CSS 和 JavaScript 文件，你就可以：

app.use(express.static('public'));

現(xiàn)在，public 目錄下面的文件就可以訪問了。

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

如果你的靜態(tài)資源存放在多個目錄下面，你可以多次調(diào)用 express.static 中間件：

app.use(express.static('public'));
app.use(express.static('files'));

如果你希望所有通過 express.static 訪問的文件都存放在一個“虛擬（virtual）”目錄（即目錄根本不存在）下面，可以通過為靜態(tài)資源目錄指定一個掛載路徑的方式來實現(xiàn)，如下所示：

app.use('/static', express.static('public'));

現(xiàn)在，你就愛可以通過帶有 “/static” 前綴的地址來訪問 public 目錄下面的文件了。

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

常見問題

如何處理 404 ？

在 Express 中，404 并不是一個錯誤（error）。因此，錯誤處理器中間件并不捕獲 404。這是因為 404 只是意味著某些功能沒有實現(xiàn)。也就是說，Express 執(zhí)行了所有中間件、路由之后還是沒有獲取到任何輸出。你所需要做的就是在其所有他中間件的后面添加一個處理 404 的中間件。如下：

app.use(function(req, res, next) { 
res.status(404).send('Sorry cant find that!');
});

Express 支持哪些模板引擎？

Express 支持任何符合 (path, locals, callback) 接口規(guī)范的模板引擎。

上述內(nèi)容就是nodejs中express的作用什么，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。