您好,登錄后才能下訂單哦!
這期內(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è)資訊頻道。
免責(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)容。