溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Node.js 中如何使用Express框架

發(fā)布時間:2021-07-21 10:07:03 來源:億速云 閱讀:173 作者:Leah 欄目:web開發(fā)

這期內(nèi)容當中小編將會給大家?guī)碛嘘P(guān)Node.js 中如何使用Express框架,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

Node.js Express 框架

Express 是一個為Node.js設(shè)計的web開發(fā)框架,它基于nodejs平臺。

。。。

Express 簡介

Express是一個簡潔而靈活的node.js Web應(yīng)用框架, 提供了一系列強大特性幫助你創(chuàng)建各種Web應(yīng)用,和豐富的HTTP工具。

使用Express可以快速地搭建一個完整功能的網(wǎng)站。

Express 框架核心特性包括:

-可以設(shè)置中間件來響應(yīng)HTTP請求。

-定義了路由表用于執(zhí)行不同的HTTP請求動作。

-可以通過向模板傳遞參數(shù)來動態(tài)渲染HTML頁面。

。。。

安裝 Express

安裝Express并將其保存到依賴列表中:

$ npm install express --save

以上命令會將Express框架安裝在當期目錄的node_modules目錄中, node_modules目錄下會自動創(chuàng)建express目錄。以下幾個重要的模塊是需要與express框架一起安裝的:

-body-parser - node.js中間件,用于處理JSON, Raw, Text和URL編碼的數(shù)據(jù)。

-cookie-parser - 這就是一個解析Cookie的工具。通過req.cookies可以取到傳過來的cookie,并把它們轉(zhuǎn)成對象。

-multer - node.js中間件,用于處理enctype="multipart/form-data"(設(shè)置表單的MIME編碼)的表單數(shù)據(jù)。

。。。

第一個 Express 框架實例

接下來我們使用Express框架來輸出"Hello World"。

以下實例中我們引入了express模塊,并在客戶端發(fā)起請求后,響應(yīng)"Hello World"字符串。

創(chuàng)建express_demo.js文件

。。。

請求和響應(yīng)http://www.iis7.com/a/lm/zzxzgj/

Express應(yīng)用使用回調(diào)函數(shù)的參數(shù): request和response對象來處理請求和響應(yīng)的數(shù)據(jù)。

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

   // --

})

request和response對象的具體介紹:

Request 對象 - request對象表示HTTP請求,包含了請求查詢字符串,參數(shù),內(nèi)容,HTTP頭部等屬性。常見屬性有:

-req.app:當callback為外部文件時,用req.app訪問express的實例

-req.baseUrl:獲取路由當前安裝的URL路徑

-req.body / req.cookies:獲得「請求主體」/ Cookies

-req.fresh / req.stale:判斷請求是否還「新鮮」

-req.hostname / req.ip:獲取主機名和IP地址

-req.originalUrl:獲取原始請求URL

-req.params:獲取路由的parameters

-req.path:獲取請求路徑

-req.protocol:獲取協(xié)議類型

-req.query:獲取URL的查詢參數(shù)串

-req.route:獲取當前匹配的路由

-req.subdomains:獲取子域名

-req.accpets():檢查請求的Accept頭的請求類型

-req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages

-req.get():獲取指定的HTTP請求頭

-req.is():判斷請求頭Content-Type的MIME類型

。。。

Response 對象 - response對象表示HTTP響應(yīng),即在接收到請求時向客戶端發(fā)送的HTTP響應(yīng)數(shù)據(jù)。常見屬性有:

-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.send():傳送HTTP響應(yīng)

-res.sendFile(path [,options] [,fn]):傳送指定路徑的文件 -會自動根據(jù)文件extension設(shè)定Content-Type

-res.set():設(shè)置HTTP頭,傳入object可以一次設(shè)置多個頭

-res.status():設(shè)置HTTP狀態(tài)碼

-res.type():設(shè)置Content-Type的MIME類型

。。。

路由

我們已經(jīng)了解了HTTP請求的基本應(yīng)用,而路由決定了由誰(指定腳本)去響應(yīng)客戶端請求。

在HTTP請求中,我們可以通過路由提取出請求的URL以及GET/POST參數(shù)。

接下來我們擴展Hello World,添加一些功能來處理更多類型的HTTP請求。

創(chuàng)建express_demo2.js文件

。。。

靜態(tài)文件

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

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

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

我們可以到public/images目錄下放些圖片,如下所示:

node_modules

server.js

public/

public/images

public/images/logo.png

讓我們再修改下"Hello Word"應(yīng)用添加處理靜態(tài)文件的功能。

。。。

GET 方法

在表單中通過GET方法提交兩個參數(shù),我們可以使用server.js文件內(nèi)的process_get路由器來處理輸入

。。。

POST 方法

在表單中通過POST方法提交兩個參數(shù),我們可以使用server.js文件內(nèi)的process_post路由器來處理輸入

。。。

文件上傳

創(chuàng)建一個用于上傳文件的表單,使用POST方法,表單enctype屬性設(shè)置為multipart/form-data。

。。。

Cookie 管理

我們可以使用中間件向Node.js服務(wù)器發(fā)送cookie信息

上述就是小編為大家分享的Node.js 中如何使用Express框架了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI