Node.js的Express框架使用上手指南_node.js

Express介紹
npm提供了大量的第三方模組，其中不乏許多Web框架，例如我們本章節要講述的一個輕量級的Web框架 ——— Express。

Express是一個簡潔、靈活的node.js Web應用開發框架, 它提供一系列強大的功能，例如：模板解析、靜態文件服務、中間件、路由控制等等,並且還可以使用插件或整合其他模組來幫助你創建各種Web和行動裝置應用程式,是目前最受歡迎的基於Node.js的Web開發框架，並且支援Ejs、jade等多種模板，可以快速地建立一個具有完整功能的網站。

好，下面我們就開始吧！

1. NPM安裝

npm install express

2. 取得、引用

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

透過變數「app」我們就可以呼叫express的各種方法了，好戲才剛開始，繼續加油吧！

建立應用程式
認識了Express框架，我們開始創建我們的第一個express應用程式。

在我們的預設專案主檔app.js加入以下內容：

var express = require('express');
var app = express();
app.get('/', function (request, response) {
　　response.send('Hello World!');
});

app.listen(80);

說明：在後面課程學習中，我們會統一使用80埠用於監聽請求。

加入完畢之後，透過右側欄的「測試位址」來檢視瀏覽器內容，當看到「Hello World!」內容就表示一個簡單的express應用程式已經創建成功了。

get請求
前面我們實作了一個簡單的express應用，下面我們就開始具體講述它的具體實現，首先我們先來學習Express的常用方法。

get方法 —— 根據請求路徑來處理客戶端發出的GET請求。

格式：

app.get(path,function(request, response));

path為請求的路徑，第二個參數為處理請求的回呼函數，有兩個參數分別是request和response，代表請求資訊和回應資訊。

如下範例：

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

app.get('/', function(request, response) {
　　response.send('Welcome to the homepage!');
});
app.get('/about', function(request, response) {
　　response.send('Welcome to the about page!');
});
app.get("*", function(request, response) {
　　response.send("404 error!");
});
app.listen(80);

在上面範例中，指定了about頁面路徑、根路徑和所有路徑的處理方法。並且在回呼函數內部，使用HTTP回應的send方法，表示向瀏覽器發送字串。

參考以上程式碼，試試自己設定一個get請求路徑，然後瀏覽器存取該位址是否可以請求成功。

Middleware
1.什麼是中間件？

中間件(middleware)就是處理HTTP請求的函數，用來完成各種特定的任務，例如檢查使用者是否登入、分析資料、以及其他在需要最終將資料傳送給使用者之前完成的任務。 它最大的特色就是，一個中間件處理完，可以把對應資料再傳遞給下一個中間件。

2.一個不進行任何操作、只傳遞request物件的中間件，大概是這樣：

function Middleware(request, response, next) {
　　next();
}

上面程式碼的next為中間件的回呼函數。如果它帶有參數，則代表拋出一個錯誤，參數為錯誤文字。

function Middleware(request, response, next) {
　　next('出错了！');
}

拋出錯誤以後，後面的中間件將不再執行，直到發現一個錯誤處理函數為止。如果沒有呼叫next方法,後面註冊的函數也是不會執行的。

all函數的基本用法
和get函數不同app.all()函數可以匹配所有的HTTP動詞，也就是說它可以過濾所有路徑的請求，如果使用all函數定義中間件，那麼就相當於所有請求都必須先通過此該中間件。

格式：

app.all(path,function(request, response));

如下所示，我們使用all函數在請求之前設定回應頭屬性。

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

app.all("*", function(request, response, next) {
　　response.writeHead(200, { "Content-Type": "text/html;charset=utf-8" }); //设置响应头属性值
next();
});

app.get("/", function(request, response) {
　　response.end("欢迎来到首页!");
});

app.get("/about", function(request, response) {
　　response.end("欢迎来到about页面!");
});

app.get("*", function(request, response) {
　　response.end("404 - 未找到!");
});

app.listen(80);

上面程式碼參數中的「*」表示對所有路徑有效，這個方法在給特定前綴路徑或任意路徑上處理時會特別有用，不管我們請求任何路徑都會事先經過all函數。

如果所示，如果我們跳過all函數又會怎麼樣呢，自己動手試試？

use基本用法1
use是express呼叫中間件的方法，它傳回一個函數。

格式：

app.use([path], function(request, response, next){});

//可选参数path默认为"/"。

1. 使用中間件

app.use(express.static(path.join(__dirname, '/')));

如上呢，我們就使用use函數呼叫express中間件設定了靜態檔案目錄的存取路徑(這裡假設為根路徑)。

2. 如何連續呼叫兩個中間件呢，如下例：

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

app.use(function(request, response, next){
 console.log("method："+request.method+" ==== "+"url："+request.url);
 next();
});

app.use(function(request, response){
 response.writeHead(200, { "Content-Type": "text/html;charset=utf-8" });
 response.end('示例：连续调用两个中间件');
});

app.listen(80);

回调函数的next参数，表示接受其他中间件的调用，函数体中的next()，表示将请求数据传递给下一个中间件。

上面代码先调用第一个中间件，在控制台输出一行信息，然后通过next()，调用第二个中间件，输出HTTP回应。由于第二个中间件没有调用next方法，所以req对象就不再向后传递了。

use基本用法2
use方法不仅可以调用中间件，还可以根据请求的网址，返回不同的网页内容，如下示例：

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

app.use(function(request, response, next) {
　　if(request.url == "/") {
　　　　response.send("Welcome to the homepage!");
　　}else {
　　　　next();
　　}
});

app.use(function(request, response, next) {
　　if(request.url == "/about") {
　　　　response.send("Welcome to the about page!");
　　}else {
　　　　next();
　　}
});
app.use(function(request, response) {
　　response.send("404 error!");
});
app.listen(80);

上面代码通过request.url属性，判断请求的网址，从而返回不同的内容。

回调函数
Express回调函数有两个参数，分别是request(简称req)和response(简称res)，request代表客户端发来的HTTP请求，request代表发向客户端的HTTP回应，这两个参数都是对象。示例如下:

function(req, res) {
});

在后面的学习中，我们会经常和它打交道，牢牢记住它的格式吧！

获取主机名、路径名
今天我们就先来学习如何使用req对象来处理客户端发来的HTTP请求。

req.host返回请求头里取的主机名(不包含端口号)。

req.path返回请求的URL的路径名。

如下示例：

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

app.get("*", function(req, res) {
　　console.log(req.path);
　　res.send("req.host获取主机名，req.path获取请求路径名!");
});

app.listen(80);

试一试在浏览器中输入任意一个请求路径，通过req查看主机名或请求路径。

query基本用法
query是一个可获取客户端get请求路径参数的对象属性，包含着被解析过的请求参数对象，默认为{}。

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

app.get("*", function(req, res) {
　　console.log(req.query.参数名);
　　res.send("测试query属性!");
});

app.listen(80);

通过req.query获取get请求路径的对象参数值。

格式：req.query.参数名；请求路径如下示例：

例1： /search?n=Lenka

req.query.n // "Lenka"

例2： /shoes?order=desc&shoe[color]=blue&shoe[type]=converse

req.query.order // "desc"

req.query.shoe.color // "blue"

req.query.shoe.type // "converse"

试一试get请求一个带参数路径，使用“req.query.参数名”方法获取请求参数值。

param基本用法
和属性query一样，通过req.param我们也可以获取被解析过的请求参数对象的值。

格式：req.param("参数名")；请求路径如下示例：

例1： 获取请求根路径的参数值，如/?n=Lenka，方法如下：

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

app.get("/", function(req, res) {

　　console.log(req.param("n")); //Lenka

　　res.send("使用req.param属性获取请求根路径的参数对象值!");

});
app.listen(80);

例2：我们也可以获取具有相应路由规则的请求对象，假设路由规则为 /user/:name/，请求路径/user/mike,如下：

app.get("/user/:name/", function(req, res) {
　　console.log(req.param("name")); //mike
　　res.send("使用req.param属性获取具有路由规则的参数对象值!");
});

PS：所谓“路由”，就是指为不同的访问路径，指定不同的处理方法。

看了上面的示例，试一试使用req.param属性解析一个请求路径对象，并获取请求参数值。

params基本用法
和param相似，但params是一个可以解析包含着有复杂命名路由规则的请求对象的属性。

格式：req.params.参数名；

例1. 如上课时请求根路径的例子，我们就可以这样获取，如下：

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

app.get("/user/:name/", function(req, res) {
　　console.log(req.params.name); //mike
　　res.send("使用req.params属性获取具有路由规则的参数对象值!");
});

app.listen(80);

查看运行结果，和param属性功能是一样的，同样获取name参数值。

例2：当然我们也可以请求复杂的路由规则，如/user/:name/:id，假设请求地址为：/user/mike/123，如下：

app.get("/user/:name/:id", function(req, res) {
　　console.log(req.params.id); //"123"
　　res.send("使用req.params属性复杂路由规则的参数对象值!");
});

对于请求地址具有路由规则的路径来说，属性params比param属性是不是又强大了那么一点点呢！

send基本用法
send()方法向浏览器发送一个响应信息，并可以智能处理不同类型的数据。格式如下： res.send([body|status], [body]);

1.当参数为一个String时，Content-Type默认设置为"text/html"。

res.send('Hello World'); //Hello World

2.当参数为Array或Object时，Express会返回一个JSON。

res.send({ user: 'tobi' }); //{"user":"tobi"}
res.send([1,2,3]); //[1,2,3]

3.当参数为一个Number时，并且没有上面提到的任何一条在响应体里，Express会帮你设置一个响应体，比如：200会返回字符"OK"。

res.send(200); // OK
res.send(404); // Not Found
res.send(500); // Internal Server Error

send方法在输出响应时会自动进行一些设置，比如HEAD信息、HTTP缓存支持等等。