資訊專欄INFORMATION COLUMN
摘要：在向頁(yè)面發(fā)送內(nèi)容時(shí)，程序也不會(huì)往下執(zhí)行我們也可以裝在一組中間件路由級(jí)中間件路由級(jí)中間件和應(yīng)用級(jí)中間件一樣，只是它綁定的對(duì)象為。安裝所需功能的模塊，并在應(yīng)用中加載，可以在應(yīng)用級(jí)加載，也可以在路由級(jí)加載。
Express 框架
根據(jù)官方的介紹，Express 是一個(gè)基于 Node.js 平臺(tái)的極簡(jiǎn)、靈活的 web 應(yīng)用開發(fā)框架，可以輕松的創(chuàng)建各種 web 或者移動(dòng)端應(yīng)用
今天就來簡(jiǎn)單的了解一下 Express 框架
安裝首先安裝 Express ,新建一個(gè)工作文件夾，并命名為 myapp ，在此文件夾下進(jìn)行環(huán)境的初始化：
npm init
官方推薦的入口文件名為 app.js
entry point: (index.js) app.js
當(dāng)然也可以使用 npm 默認(rèn)的 index.js 的文件名
接下來安裝 Express
npm install express --save
環(huán)境準(zhǔn)備完成，現(xiàn)在嘗試創(chuàng)建一個(gè) Express 應(yīng)用
進(jìn)入 myapp 目錄，新建一個(gè) app.js 的文件，復(fù)制如下代碼：
const express=require("express");
const app=express();
app.get("/",(req,res)=>{
res.send("這是一個(gè) Express 應(yīng)用")
})；
var server=app.listen(3000,()=>{
console.log("服務(wù)已啟動(dòng) http://localhost:3000")
})
上面的代碼啟動(dòng)一個(gè)服務(wù)并監(jiān)聽從 3000 端口進(jìn)入的所有連接請(qǐng)求。他將對(duì)所有 (/) URL 或 路由 返回 “這是一個(gè) Express 應(yīng)用” 字符串。對(duì)于其他所有路徑全部返回 404
啟動(dòng)這個(gè)應(yīng)用
node app.jsExpress 應(yīng)用生成器
Express 應(yīng)用生成器可以快速創(chuàng)建一個(gè)應(yīng)用的骨架
安裝：
npm install express-generator -gd
安裝完畢，創(chuàng)建一個(gè)名為myapp的應(yīng)用：
express myapp
這條命令會(huì)在當(dāng)前目錄下創(chuàng)建 myapp 文件夾，并生成應(yīng)用骨架
安裝依賴包
cd myapp npm install
依賴安裝完成就可以啟動(dòng)此app了
Windows 平臺(tái)在 cmd 內(nèi)輸入：
set DEBUG=myapp & npm start
Mac 或者 Linux 平臺(tái)輸入：
DEBUG=myapp npm start
然后在瀏覽器中打開 http://localhost:3000/ 網(wǎng)址就可以看到這個(gè)應(yīng)用了
當(dāng)應(yīng)用首次啟動(dòng)以后，下次啟動(dòng)只需要輸入 npm start 就行了
打開 package.json 文件，應(yīng)用程序的啟動(dòng)實(shí)際上是依賴于這句代碼：
"scripts": {
"start": "node ./bin/www"
}
路由
Express 的主要內(nèi)容有兩個(gè)：
路由
中間件
先來說路由
路由（Routing）是由一個(gè) URI（或者叫路徑）和一個(gè)特定的 HTTP 方法（GET、POST 等）組成的，涉及到應(yīng)用如何響應(yīng)客戶端對(duì)某個(gè)網(wǎng)站節(jié)點(diǎn)的訪問。
每一個(gè)路由都可以有一個(gè)或者多個(gè)處理器函數(shù)，當(dāng)匹配到路由時(shí)，這個(gè)或者這些函數(shù)將被執(zhí)行。
先寫一個(gè)簡(jiǎn)單的路由
在 routes 目錄下新建一個(gè) orders.js 的文件：
var express=require("express");
var router=express.Router();
router.get("/",function(req,res,nest){
res.render("orders",{msg:"訂單首頁(yè)"})
})
router.get("/list",function(req,res,next){
res.send("訂單列表")
})
//導(dǎo)出
module.exports=router;
頁(yè)面文件寫好以后需要在在app.js中進(jìn)行掛載，
var orders=require("./routes/orders");
···
app.use("/orders",orders)
這兩句最好和其他的路由組件寫在一起
在地址欄輸入對(duì)應(yīng)的 url 即可打開響應(yīng)的頁(yè)面
路由方法實(shí)例：
// 對(duì)網(wǎng)站首頁(yè)的訪問返回 "Hello World!" 字樣
app.get("/", function (req, res) {
res.send("Hello World!");
});
// 網(wǎng)站首頁(yè)接受 POST 請(qǐng)求
app.post("/", function (req, res) {
res.send("Got a POST request");
});
// /user 節(jié)點(diǎn)接受 PUT 請(qǐng)求
app.put("/user", function (req, res) {
res.send("Got a PUT request at /user");
});
// /user 節(jié)點(diǎn)接受 DELETE 請(qǐng)求
app.delete("/user", function (req, res) {
res.send("Got a DELETE request at /user");
});
中間件
中間件（Middleware） 是一個(gè)函數(shù)，它可以訪問請(qǐng)求對(duì)象（request object (req)）, 響應(yīng)對(duì)象（response object (res)）, 和 web 應(yīng)用中處于請(qǐng)求-響應(yīng)循環(huán)流程中的中間件，一般被命名為 next 的變量。
中間件的分類：
應(yīng)用級(jí)中間件
路由級(jí)中間件
錯(cuò)誤處理中間件
內(nèi)置中間件
第三方中間件
應(yīng)用級(jí)中間件應(yīng)用級(jí)中間件綁定到 app 對(duì)象 使用 app.use() 和 app.METHOD()， 其中， METHOD 是需要處理的 HTTP 請(qǐng)求的方法，例如 get , put , post 等
var app = express();
// 沒有掛載路徑的中間件，應(yīng)用的每個(gè)請(qǐng)求都會(huì)執(zhí)行該中間件
app.use(function (req, res, next) {
console.log("Time:", Date.now());
next();
});
// 掛載至 /user/:id 的中間件，任何指向 /user/:id 的請(qǐng)求都會(huì)執(zhí)行它
app.use("/user/:id", function (req, res, next) {
console.log("Request Type:", req.method);
next();
});
// 路由和句柄函數(shù)(中間件系統(tǒng))，處理指向 /user/:id 的 GET 請(qǐng)求
app.get("/user/:id", function (req, res, next) {
res.send("USER");
});
在執(zhí)行完一個(gè)中間件之后，next() 會(huì)使程序繼續(xù)執(zhí)行下一個(gè)中間件，如果沒有 next()，程序則不會(huì)往下執(zhí)行。
在向頁(yè)面發(fā)送內(nèi)容時(shí)，程序也不會(huì)往下執(zhí)行
我們也可以裝在一組中間件
app.use("/user/:id",function(req,res,next){
console.log("Request URL:", req.originalUrl);
next();
},function(req,res,next){
console.log("Request Type:", req.method);
next();
})
路由級(jí)中間件
路由級(jí)中間件和應(yīng)用級(jí)中間件一樣，只是它綁定的對(duì)象為 express.Router()。
在上一節(jié)中，我們自己寫的 orders.js ，其內(nèi)容就是一個(gè)路由級(jí)中間件
路由級(jí)使用 router.use() 或 router.VERB() 加載。
上述在應(yīng)用級(jí)創(chuàng)建的中間件系統(tǒng)，可通過如下代碼改寫為路由級(jí)：
var app = express();
var router = express.Router();
// 沒有掛載路徑的中間件，通過該路由的每個(gè)請(qǐng)求都會(huì)執(zhí)行該中間件
router.use(function (req, res, next) {
console.log("Time:", Date.now());
next();
});
// 一個(gè)中間件棧，顯示任何指向 /user/:id 的 HTTP 請(qǐng)求的信息
router.use("/user/:id", function(req, res, next) {
console.log("Request URL:", req.originalUrl);
next();
}, function (req, res, next) {
console.log("Request Type:", req.method);
next();
});
// 一個(gè)中間件棧，處理指向 /user/:id 的 GET 請(qǐng)求
router.get("/user/:id", function (req, res, next) {
// 如果 user id 為 0, 跳到下一個(gè)路由
if (req.params.id == 0) next("route");
// 負(fù)責(zé)將控制權(quán)交給棧中下一個(gè)中間件
else next(); //
}, function (req, res, next) {
// 渲染常規(guī)頁(yè)面
res.render("regular");
});
// 處理 /user/:id， 渲染一個(gè)特殊頁(yè)面
router.get("/user/:id", function (req, res, next) {
console.log(req.params.id);
res.render("special");
});
// 將路由掛載至應(yīng)用
app.use("/", router);
錯(cuò)誤處理中間件
錯(cuò)誤處理中間件和其他中間件定義類似，只是要使用 4 個(gè)參數(shù)，而不是 3 個(gè)，其簽名如下： (err, req, res, next)。
app.use(function(err, req, res, next) {
console.error(err.stack);
res.status(500).send("Something broke!");
});
在其他 app.use() 和路由調(diào)用后，最后定義錯(cuò)誤處理中間件，比如：
var bodyParser = require("body-parser");
var methodOverride = require("method-override");
app.use(bodyParser());
app.use(methodOverride());
app.use(function(err, req, res, next) {
// 業(yè)務(wù)邏輯
});
在我們創(chuàng)建的這個(gè)app中，app.js 內(nèi)的錯(cuò)誤處理中間件是這樣寫的：
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get("env") === "development" ? err : {};
// render the error page
res.status(err.status || 500);
res.render("error");
});
錯(cuò)誤中間件執(zhí)行時(shí)，會(huì)調(diào)用 views 目錄下的 error.jade 文件，在頁(yè)面中打印詳細(xì)的錯(cuò)誤信息
內(nèi)置中間件express.static(root,[options])
express.static 是 Express 唯一內(nèi)置的中間件。它基于 serve-static，負(fù)責(zé)在 Express 應(yīng)用中提托管靜態(tài)資源。
在 app.js 文件內(nèi)也可以找到這個(gè)內(nèi)置中間件
app.use(express.static(path.join(__dirname, "public")));
詳細(xì)信息參閱官方文檔：www.expressjs.com.cn/guide/using-middleware.html
第三方中間件通過使用第三方中間件從而為 Express 應(yīng)用增加更多功能。
安裝所需功能的 node 模塊，并在應(yīng)用中加載，可以在應(yīng)用級(jí)加載，也可以在路由級(jí)加載。
實(shí)際上，我們創(chuàng)建的這個(gè)應(yīng)用已經(jīng)引入了兩個(gè)第三方的中間件，在 package.json 中就可以找到
"dependencies": {
"body-parser": "~1.18.2",
"cookie-parser": "~1.4.3",
"debug": "~2.6.9",
"express": "~4.15.5",
"jade": "~1.11.0",
"morgan": "~1.9.0",
"serve-favicon": "~2.4.5"
}
其中 body-parser 和 cookie-parser 就是兩個(gè)第三方中間件
模板引擎Express 默認(rèn)的模板引擎是 jade ?，F(xiàn)在 jade 已經(jīng)更名為 pug ，沒錯(cuò)，似李，巴扎嘿！
pug 的語法請(qǐng)參閱 pug 文檔：
https://pug.bootcss.com/api/g...
我們?cè)?views 目錄下創(chuàng)建一個(gè) orders.jade 的文件
doctype html
html
head
title 訂單
body
h1 #{msg}
p before the time begian
然后使用路由渲染它：
router.get("/",function(req,res,nest){
res.render("orders",{msg:"訂單首頁(yè)"})
})
在向主頁(yè)請(qǐng)求時(shí)，orders.jade 會(huì)被渲染為 HTML 文檔
進(jìn)程管理器在編寫程序時(shí)，我們發(fā)現(xiàn)，每次更改文件之后，都需要在命令行內(nèi)停止當(dāng)前的服務(wù)，然后輸入 npm start ，很麻煩。我們需要一款自動(dòng)刷新的工具
這里介紹一下 pm2
安裝：
npm install pm2 -gd
安裝完畢，運(yùn)行我們的程序吧：
還記得我們之前說的 npm start 的啟動(dòng)路徑?jīng)]
