站長(zhǎng)資訊網(wǎng)本篇文章聊聊node的基礎(chǔ)，關(guān)于http模塊及module.exports導(dǎo)出共享的理解和案例，希望對(duì)大家有所幫助！
node.js極速入門(mén)課程：進(jìn)入學(xué)習(xí)
一、http 模塊
http 模塊是 Node.js 官方提供的、用來(lái)創(chuàng)建 web 服務(wù)器的模塊?！鞠嚓P(guān)教程推薦：nodejs視頻教程】
通過(guò) http 模塊提供的 http.createServer() 方法，就能方便的把一臺(tái)普通的電腦，變成一臺(tái) web 服務(wù)器，從而對(duì)外提供 web 資源服務(wù)。
1、創(chuàng)建 web 服務(wù)器
- 導(dǎo)入 http 模塊
- 創(chuàng)建 web 服務(wù)器實(shí)例
- 為服務(wù)器實(shí)例綁定 request 事件，監(jiān)聽(tīng)客戶(hù)端的請(qǐng)求
- 啟動(dòng)服務(wù)器
示例：監(jiān)聽(tīng) 8080 服務(wù)
// 導(dǎo)入 http 模塊 const http = require('http') // 創(chuàng)建 web 服務(wù)器實(shí)例 const server = http.createServer() // 為服務(wù)器實(shí)例綁定 request 事件 監(jiān)聽(tīng)客戶(hù)端的請(qǐng)求 server.on('request', function (req, res) { console.log('請(qǐng)求中...') }) // 啟動(dòng)服務(wù) server.listen(8080, function () { console.log('http://127.0.0.1:8080') })
2、req 請(qǐng)求對(duì)象
只要服務(wù)器接收到了客戶(hù)端的請(qǐng)求，就會(huì)調(diào)用通過(guò) server.on() 為服務(wù)器綁定的 request 事件處理函數(shù)
示例：在事件處理函數(shù)中，訪問(wèn)與客戶(hù)端相關(guān)的數(shù)據(jù)或?qū)傩?/strong>
// 導(dǎo)入 http 模塊 const http = require('http') // 創(chuàng)建 web 服務(wù)器實(shí)例 const server = http.createServer() // req 是請(qǐng)求對(duì)象 包含了與客戶(hù)端相關(guān)的數(shù)據(jù)和屬性 server.on('request', (req) => { // req.url 客戶(hù)端請(qǐng)求的 url 地址 const url = req.url // req.method 是客戶(hù)端請(qǐng)求的 method 類(lèi)型 const method = req.method const str = `Your request url is ${url} and request method is ${method}` console.log(str) }) // 啟動(dòng)服務(wù) server.listen(8080, function () { console.log('http://127.0.0.1:8080') })
3、res 響應(yīng)對(duì)象
在服務(wù)器的 request 事件處理函數(shù)中，如果想訪問(wèn)與服務(wù)器相關(guān)的數(shù)據(jù)或?qū)傩?，需要使?response
示例：請(qǐng)求響應(yīng)
// 導(dǎo)入 http 模塊 const http = require('http') // 創(chuàng)建 web 服務(wù)器實(shí)例 const server = http.createServer() // req 是請(qǐng)求對(duì)象 包含了與客戶(hù)端相關(guān)的數(shù)據(jù)和屬性 server.on('request', (req, res) => { // req.url 客戶(hù)端請(qǐng)求的 url 地址 const url = req.url // req.method 是客戶(hù)端請(qǐng)求的 method 類(lèi)型 const method = req.method const str = `Your request url is ${url} and request method is ${method}` console.log(str) // 調(diào)用 res.end() 方法 向客戶(hù)端響應(yīng)一些內(nèi)容 res.end(str) }) // 啟動(dòng)服務(wù) server.listen(8080, function () { console.log('http://127.0.0.1:8080') })
4、解決中文亂碼問(wèn)題
當(dāng)調(diào)用 res.end() 方法，向客戶(hù)端發(fā)送中文內(nèi)容時(shí)，會(huì)出現(xiàn)亂碼問(wèn)題，需要手動(dòng)設(shè)置內(nèi)容的編碼格式
示例：解決中文亂碼
// 導(dǎo)入 http 模塊 const http = require('http') // 創(chuàng)建 web 服務(wù)器實(shí)例 const server = http.createServer() // req 是請(qǐng)求對(duì)象 包含了與客戶(hù)端相關(guān)的數(shù)據(jù)和屬性 server.on('request', (req, res) => { // req.url 客戶(hù)端請(qǐng)求的 url 地址 const url = req.url // req.method 是客戶(hù)端請(qǐng)求的 method 類(lèi)型 const method = req.method const str = `請(qǐng)求地址是 ${url} 請(qǐng)求方法是 ${method}` console.log(str) // 設(shè)置 Content-Type 響應(yīng)頭 解決中文亂碼問(wèn)題 res.setHeader('Content-Type', 'text/html; charset=utf-8') // 調(diào)用 res.end() 方法 向客戶(hù)端響應(yīng)一些內(nèi)容 res.end(str) }) // 啟動(dòng)服務(wù) server.listen(8080, function () { console.log('http://127.0.0.1:8080') })
5、根據(jù)不同的 url 響應(yīng)不同的 html 內(nèi)容
示例：步驟如下
- 獲取請(qǐng)求的 url 地址
- 設(shè)置默認(rèn)的響應(yīng)內(nèi)容為 404 Not found
- 判斷用戶(hù)請(qǐng)求的是否為 / 或 /index.html 首頁(yè)
- 判斷用戶(hù)請(qǐng)求的是否為 /about.html 關(guān)于頁(yè)面
- 設(shè)置 Content-Type 響應(yīng)頭，防止中文亂碼
- 使用 res.end() 把內(nèi)容響應(yīng)給客戶(hù)端
// 導(dǎo)入 http 模塊 const http = require('http') // 創(chuàng)建 web 服務(wù)器實(shí)例 const server = http.createServer() // req 是請(qǐng)求對(duì)象 包含了與客戶(hù)端相關(guān)的數(shù)據(jù)和屬性 server.on('request', (req, res) => { // req.url 客戶(hù)端請(qǐng)求的 url 地址 const url = req.url // 設(shè)置默認(rèn)的內(nèi)容為 404 Not Found let content = '<h1>404 Not Found!</h1>' // 用戶(hù)請(qǐng)求頁(yè)是首頁(yè) if(url === '/' || url === '/index.html') { content = '<h1>首頁(yè)</h1>' } else if (url === '/about.html') { content = '<h1>關(guān)于頁(yè)面</h1>' } // 設(shè)置 Content-Type 響應(yīng)頭 防止中文亂碼 res.setHeader('Content-Type', 'text/html; charset=utf-8') // 調(diào)用 res.end() 方法 向客戶(hù)端響應(yīng)一些內(nèi)容 res.end(content) }) // 啟動(dòng)服務(wù) server.listen(8080, function () { console.log('http://127.0.0.1:8080') })
二、Node.js 中的模塊分類(lèi)
1、三大模塊分類(lèi)
- 內(nèi)置模塊：由 node.js 官方提供的，如 fs、path、http 等
- 自定義模塊：用戶(hù)創(chuàng)建的每個(gè) .js 文件，都是自定義模塊
- 第三方模塊：由第三方開(kāi)發(fā)出來(lái)的模塊，使用前要先下載
2、模塊作用域
防止了全局變量污染的問(wèn)題
示例：
index.js 文件
const username = '張三' function say() { console.log(username); }
test.js 文件
const custom = require('./index') console.log(custom)
3、module.exports 對(duì)象
在自定義模塊中，可以使用 module.exports 對(duì)象，將模塊內(nèi)的成員共享出去，供外界使用。
外界 require() 方法導(dǎo)入自定義模塊時(shí)，得到的就是 module.exports 所指向的對(duì)象
示例：
index.js 文件
const blog = '前端雜貨鋪' // 向 module.exports 對(duì)象上掛載屬性 module.exports.username = '李四' // 向 module.exports 對(duì)象上掛載方法 module.exports.sayHello = function () { console.log('Hello!') } module.exports.blog = blog
test.js 文件
const m = require('./index') console.log(m)
4、共享成員時(shí)的注意點(diǎn)
使用 require() 方法導(dǎo)入模塊時(shí)，導(dǎo)入的結(jié)果，永遠(yuǎn)以 module.exports 指向的對(duì)象為準(zhǔn)
示例：
index.js 文件
module.exports.username = '李四' module.exports.sayHello = function () { console.log('Hello!') } // 讓 module.exports 指向一個(gè)新對(duì)象 module.exports = { nickname: '張三', sayHi() { console.log('Hi!') } }
test.js 文件
const m = require('./index') console.log(m)
5、exports 和 module.exports
默認(rèn)情況下，exports 和 module.exports 指向同一個(gè)對(duì)象。
最終共享的結(jié)果，還是以 module.exports 指向的對(duì)象為準(zhǔn)。
示例：
index1.js 文件
exports.username = '雜貨鋪' module.exports = { name: '前端雜貨鋪', age: 21 }
index2.js 文件
module.exports.username = 'zs' exports = { gender: '男', age: 22 }
index3.js 文件
exports.username = '雜貨鋪' module.exports.age = 21
index4.js 文件
exports = { gender: '男', age: 21 } module.exports = exports module.exports.username = 'zs'
對(duì) index2.js 文件結(jié)果的解析如下：
對(duì) index4.js 文件結(jié)果的解析如下：
注意：為防止混亂，盡量不要在同一個(gè)模塊中同時(shí)使用 exports 和 module.exports
