摘要：框架應(yīng)用程序是一個(gè)保持最小規(guī)模的靈活的應(yīng)用程序開(kāi)發(fā)框架，為和移動(dòng)應(yīng)用程序提供一組強(qiáng)大的功能。路由基本使用下載新建一個(gè)文件，然后輸入然后運(yùn)行打開(kāi)就出現(xiàn)請(qǐng)求和響應(yīng)應(yīng)用使用回調(diào)函數(shù)的參數(shù)和對(duì)象來(lái)處理請(qǐng)求和響應(yīng)的數(shù)據(jù)。

Express 是一個(gè)保持最小規(guī)模的靈活的 Node.js Web 應(yīng)用程序開(kāi)發(fā)框架，為 Web 和移動(dòng)應(yīng)用程序提供一組強(qiáng)大的功能。

使用您所選擇的各種 HTTP 實(shí)用工具和中間件，快速方便地創(chuàng)建強(qiáng)大的 API。

Express 提供精簡(jiǎn)的基本 Web 應(yīng)用程序功能，而不會(huì)隱藏您了解和青睞的 Node.js 功能。

下載： npm install express --save

新建一個(gè)server.js文件，然后輸入：

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

app.get("/", (req, res)=>{
    req.send("Hello world");
});
app.listen(8083, ()=>{
    console.log("Server is running at http://localhost:8083")
})

然后運(yùn)行： node server.js
打開(kāi)：http://localhost:8083/
就出現(xiàn)：

Express 應(yīng)用使用回調(diào)函數(shù)的參數(shù)： request 和 response 對(duì)象來(lái)處理請(qǐng)求和響應(yīng)的數(shù)據(jù)。

app.get("/", function (request, response) {
   // --
})

request 和 response 對(duì)象的具體介紹：

request 對(duì)象表示 HTTP 請(qǐng)求，包含了請(qǐng)求查詢(xún)字符串，參數(shù)，內(nèi)容，HTTP 頭部等屬性。常見(jiàn)屬性有：

req.app：當(dāng)callback為外部文件時(shí)，用req.app訪問(wèn)express的實(shí)例
req.baseUrl：獲取路由當(dāng)前安裝的URL路徑
req.body / req.cookies：獲得「請(qǐng)求主體」/ Cookies
req.fresh / req.stale：判斷請(qǐng)求是否還「新鮮」
req.hostname / req.ip：獲取主機(jī)名和IP地址
req.originalUrl：獲取原始請(qǐng)求URL
req.params：獲取路由的parameters
req.path：獲取請(qǐng)求路徑
req.protocol：獲取協(xié)議類(lèi)型
req.query：獲取URL的查詢(xún)參數(shù)串
req.route：獲取當(dāng)前匹配的路由
req.subdomains：獲取子域名
req.accepts()：檢查可接受的請(qǐng)求的文檔類(lèi)型
req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages：返回指定字符集的第一個(gè)可接受字符編碼
req.get()：獲取指定的HTTP請(qǐng)求頭
req.is()：判斷請(qǐng)求頭Content-Type的MIME類(lèi)型

response 對(duì)象表示 HTTP 響應(yīng)，即在接收到請(qǐng)求時(shí)向客戶(hù)端發(fā)送的 HTTP 響應(yīng)數(shù)據(jù)。常見(jiàn)屬性有：

res.app：同req.app一樣
res.append()：追加指定HTTP頭
res.set()在res.append()后將重置之前設(shè)置的頭
res.cookie(name，value [，option])：設(shè)置Cookie
opition: domain / expires / httpOnly / maxAge / path / secure / signed
res.clearCookie()：清除Cookie
res.download()：傳送指定路徑的文件
res.get()：返回指定的HTTP頭
res.json()：傳送JSON響應(yīng)
res.jsonp()：傳送JSONP響應(yīng)
res.location()：只設(shè)置響應(yīng)的Location HTTP頭，不設(shè)置狀態(tài)碼或者close response
res.redirect()：設(shè)置響應(yīng)的Location HTTP頭，并且設(shè)置狀態(tài)碼302
res.render(view,[locals],callback)：渲染一個(gè)view，同時(shí)向callback傳遞渲染后的字符串，如果在渲染過(guò)程中有錯(cuò)誤發(fā)生next(err)將會(huì)被自動(dòng)調(diào)用。callback將會(huì)被傳入一個(gè)可能發(fā)生的錯(cuò)誤以及渲染后的頁(yè)面，這樣就不會(huì)自動(dòng)輸出了。
res.send()：傳送HTTP響應(yīng)
res.sendFile(path [，options] [，fn])：傳送指定路徑的文件 -會(huì)自動(dòng)根據(jù)文件extension設(shè)定Content-Type
res.set()：設(shè)置HTTP頭，傳入object可以一次設(shè)置多個(gè)頭
res.status()：設(shè)置HTTP狀態(tài)碼
res.type()：設(shè)置Content-Type的MIME類(lèi)型

我們已經(jīng)了解了 HTTP 請(qǐng)求的基本應(yīng)用，而路由決定了由誰(shuí)(指定腳本)去響應(yīng)客戶(hù)端請(qǐng)求。
在HTTP請(qǐng)求中，我們可以通過(guò)路由提取出請(qǐng)求的URL以及GET/POST參數(shù)。

路由的基本形式：
app.METHOD(PATH, HANDLER)

app 表示的是一個(gè)Express的實(shí)例

METHOD 是http請(qǐng)求的方法（get, psot..）

PATH 服務(wù)器上的路徑

HANDLER 請(qǐng)求之后的執(zhí)行函數(shù)

下面的示例說(shuō)明了如何定義路由：

// 對(duì)/news 頁(yè)面進(jìn)行g(shù)et請(qǐng)求
app.get("news", (req, res)=>{
    res.send("Hello news");
});
// 對(duì)/about 頁(yè)面進(jìn)行post請(qǐng)求
app.post("about", (req, res)=>{
    res.send("Hello about");
});
// 對(duì)/list* 可匹配 /list+任意字符
app.get("/list*", (req, res)=>{
    res.send("Hello list pages");
})

然后運(yùn)行：node server.js
打開(kāi)：http://localhost:8083/

Express 提供了內(nèi)置的中間件 express.static 來(lái)設(shè)置靜態(tài)文件如：圖片， CSS, JavaScript 等。

你可以使用 express.static 中間件來(lái)設(shè)置靜態(tài)文件路徑。例如，如果你將圖片， CSS, JavaScript 文件放在 public 目錄下，你可以這么寫(xiě)：
app.use(express.static("public"));

現(xiàn)在，你就可以訪問(wèn) public 目錄中的所有文件了：

public/index.html
public/images
public/images/bg.jpeg
public/css
...

如果要使用多個(gè)靜態(tài)資源目錄，請(qǐng)多次調(diào)用 express.static 中間件函數(shù)：

app.use(express.static("public"))
app.use(express.static("files"))

Express 在靜態(tài)目錄查找文件，因此，存放靜態(tài)文件的目錄名不會(huì)出現(xiàn)在 URL 中。
但是您可以給靜態(tài)目錄添加一個(gè)路由：
app.use("/static", express.static(path.join(__dirname, "public")))
設(shè)置/static為/public目錄的路由。
現(xiàn)在，你就可以通過(guò)帶有 /static 前綴地址來(lái)訪問(wèn) public 目錄中的文件了。

http://localhost:8083/static/css
http://localhost:8083/static/css/index.css
http://localhost:8083/static/image
http://localhost:8083/static/images/bg.jpeg
http://localhost:8083/static/index.html

為了安全，最好使用絕對(duì)路由：
app.use("/static", express.static(path.join(__dirname, "public")))
然后運(yùn)行：node server.js
打開(kāi)：http://localhost:8083/static
就可以訪問(wèn)public下的所有文件，如圖：

EJS 是一套簡(jiǎn)單的模板語(yǔ)言，幫你利用普通的 JavaScript 代碼生成 HTML 頁(yè)面。

下載Ejs: npm install ejs --save
同目錄下新建myejs.js:

const express= require("express");
const app = express();
//設(shè)置模板文件的目錄,并且新建一個(gè)viwes的目錄
app.set("views", "./views");
//注冊(cè)模板引擎
app.set("view engine", "ejs");
//使用res.render()來(lái)渲染一個(gè)視圖并將呈現(xiàn)的HTML字符串發(fā)送給客戶(hù)端；
app.get("/", function(req, res,) {
    res.render("index", { title: "測(cè)試" });
});
//監(jiān)聽(tīng)8083端口
app.listen(8083, ()=>{
    console.log("Server is running at http://localhost:8083")
})

在新建views目錄中新建index.ejs:

 
<%= title %>

然后運(yùn)行：node myejs.js
打開(kāi)：http://localhost:8083
即可看到：

當(dāng)然，也可以返回一個(gè)json文件來(lái)渲染視圖：
在同目錄下新建一個(gè)data.json:

{
    "list": [
    { "name":"小明" , "age":"6", "sex": "男"},
    { "name":"小紅" , "age":"4" ,"sex": "女"},
    { "name":"小亮" , "age":"5" ,"sex": "男"}
    ],
    "source":"神奇二班"
}

然后更改myejs.js:

const express= require("express");
const fs= require("fs");
const app = express();

//設(shè)置模板文件的目錄,并且新建一個(gè)viwes的目錄
app.set("views", "./views");
//注冊(cè)模板引擎
app.set("view engine", "ejs");
//使用res.render()來(lái)渲染一個(gè)視圖并將呈現(xiàn)的HTML字符串發(fā)送給客戶(hù)端；
app.get("/", function(req, res,) {
    getDataJson((dataJson)=>{
        console.log(dataJson);
        res.render("index", dataJson);
    })
});
//訪問(wèn)data.json 拿到數(shù)據(jù)解析并返回
const getDataJson=(callBack)=>{
    fs.readFile("./data.json", (err, data)=>{
        if(!err){
            let jsonData= JSON.parse(data);
            callBack(jsonData);
        }else{
            throw err;
        }
    })
}
//監(jiān)聽(tīng)8083端口
app.listen(8083, ()=>{
    console.log("Server is running at http://localhost:8083")
})

然后更改index.ejs:

<%=source %>

    <% for(var i=0; i
        
<%= list[i].name %> | <%= list[i].age %> | <%= list[i].sex %>
    <% } %>    

然后在運(yùn)行：
然后運(yùn)行：node myejs.js
打開(kāi)：http://localhost:8083

參考：
GitHub源碼
Express官方文檔
EJS 模板引擎