亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Node.js中http模塊和導(dǎo)出共享問題

 更新時(shí)間：2022年10月24日 11:48:18   作者：前端雜貨鋪  
這篇文章主要介紹了Node.js中http模塊和導(dǎo)出共享,通過?http?模塊提供的?http.createServer()?方法，就能方便的把一臺普通的電腦，變成一臺?web?服務(wù)器，從而對外提供?web?資源服務(wù)，本文給大家詳細(xì)講解，需要的朋友可以參考下

一、http 模塊

http 模塊是 Node.js 官方提供的、用來創(chuàng)建 web 服務(wù)器的模塊。

通過 http 模塊提供的 http.createServer() 方法，就能方便的把一臺普通的電腦，變成一臺 web 服務(wù)器，從而對外提供 web 資源服務(wù)。

1、創(chuàng)建 web 服務(wù)器

  • 導(dǎo)入 http 模塊
  • 創(chuàng)建 web 服務(wù)器實(shí)例
  • 為服務(wù)器實(shí)例綁定 request 事件，監(jiān)聽客戶端的請求
  • 啟動服務(wù)器

示例：監(jiān)聽 8080 服務(wù)

// 導(dǎo)入 http 模塊
const http = require('http')
// 創(chuàng)建 web 服務(wù)器實(shí)例
const server = http.createServer()
// 為服務(wù)器實(shí)例綁定 request 事件 監(jiān)聽客戶端的請求
server.on('request', function (req, res) {
    console.log('請求中...')
})
// 啟動服務(wù)
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

2、req 請求對象

只要服務(wù)器接收到了客戶端的請求，就會調(diào)用通過 server.on() 為服務(wù)器綁定的 request 事件處理函數(shù)

示例：在事件處理函數(shù)中，訪問與客戶端相關(guān)的數(shù)據(jù)或?qū)傩?/strong>

// 導(dǎo)入 http 模塊
const http = require('http')
// 創(chuàng)建 web 服務(wù)器實(shí)例
const server = http.createServer()
// req 是請求對象 包含了與客戶端相關(guān)的數(shù)據(jù)和屬性
server.on('request', (req) => {
    // req.url 客戶端請求的 url 地址
    const url = req.url
    // req.method 是客戶端請求的 method 類型
    const method = req.method
    const str = `Your request url is ${url} and request method is ${method}`
    console.log(str)
})
// 啟動服務(wù)
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

3、res 響應(yīng)對象

在服務(wù)器的 request 事件處理函數(shù)中，如果想訪問與服務(wù)器相關(guān)的數(shù)據(jù)或?qū)傩?，需要使?response

示例：請求響應(yīng)

// 導(dǎo)入 http 模塊
const http = require('http')
// 創(chuàng)建 web 服務(wù)器實(shí)例
const server = http.createServer()
// req 是請求對象 包含了與客戶端相關(guān)的數(shù)據(jù)和屬性
server.on('request', (req, res) => {
    // req.url 客戶端請求的 url 地址
    const url = req.url
    // req.method 是客戶端請求的 method 類型
    const method = req.method
    const str = `Your request url is ${url} and request method is ${method}`
    console.log(str)
    // 調(diào)用 res.end() 方法 向客戶端響應(yīng)一些內(nèi)容
    res.end(str)
})
// 啟動服務(wù)
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

4、解決中文亂碼問題

當(dāng)調(diào)用 res.end() 方法，向客戶端發(fā)送中文內(nèi)容時(shí)，會出現(xiàn)亂碼問題，需要手動設(shè)置內(nèi)容的編碼格式

示例：解決中文亂碼

// 導(dǎo)入 http 模塊
const http = require('http')
// 創(chuàng)建 web 服務(wù)器實(shí)例
const server = http.createServer()
// req 是請求對象 包含了與客戶端相關(guān)的數(shù)據(jù)和屬性
server.on('request', (req, res) => {
    // req.url 客戶端請求的 url 地址
    const url = req.url
    // req.method 是客戶端請求的 method 類型
    const method = req.method
    const str = `請求地址是 ${url} 請求方法是 ${method}`
    console.log(str)
    // 設(shè)置 Content-Type 響應(yīng)頭 解決中文亂碼問題
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
    // 調(diào)用 res.end() 方法 向客戶端響應(yīng)一些內(nèi)容
    res.end(str)
})
// 啟動服務(wù)
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

5、根據(jù)不同的 url 響應(yīng)不同的 html 內(nèi)容

示例：步驟如下

  • 獲取請求的 url 地址
  • 設(shè)置默認(rèn)的響應(yīng)內(nèi)容為 404 Not found
  • 判斷用戶請求的是否為 / 或 /index.html 首頁
  • 判斷用戶請求的是否為 /about.html 關(guān)于頁面
  • 設(shè)置 Content-Type 響應(yīng)頭，防止中文亂碼
  • 使用 res.end() 把內(nèi)容響應(yīng)給客戶端
// 導(dǎo)入 http 模塊
const http = require('http')
// 創(chuàng)建 web 服務(wù)器實(shí)例
const server = http.createServer()
// req 是請求對象 包含了與客戶端相關(guān)的數(shù)據(jù)和屬性
server.on('request', (req, res) => {
    // req.url 客戶端請求的 url 地址
    const url = req.url
    // 設(shè)置默認(rèn)的內(nèi)容為 404 Not Found
    let content = '<h1>404 Not Found!</h1>'
    // 用戶請求頁是首頁
    if(url === '/' || url === '/index.html') {
        content = '<h1>首頁</h1>'
    } else if (url === '/about.html') {
        content = '<h1>關(guān)于頁面</h1>'
    }
    // 設(shè)置 Content-Type 響應(yīng)頭 防止中文亂碼
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
    // 調(diào)用 res.end() 方法 向客戶端響應(yīng)一些內(nèi)容
    res.end(content)
})
// 啟動服務(wù)
server.listen(8080, function () {
    console.log('http://127.0.0.1:8080')
})

二、Node.js 中的模塊分類

1、三大模塊分類

  • 內(nèi)置模塊：由 node.js 官方提供的，如 fs、path、http 等
  • 自定義模塊：用戶創(chuàng)建的每個 .js 文件，都是自定義模塊
  • 第三方模塊：由第三方開發(fā)出來的模塊，使用前要先下載

2、模塊作用域

防止了全局變量污染的問題

示例：

index.js 文件

const username = '張三'

function say() {
    console.log(username);
}

test.js 文件

const custom = require('./index')

console.log(custom)

3、module.exports 對象

在自定義模塊中，可以使用 module.exports 對象，將模塊內(nèi)的成員共享出去，供外界使用。

外界 require() 方法導(dǎo)入自定義模塊時(shí)，得到的就是 module.exports 所指向的對象

示例：

index.js 文件

const blog = '前端雜貨鋪'

// 向 module.exports 對象上掛載屬性
module.exports.username = '李四'
// 向 module.exports 對象上掛載方法
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 指向的對象為準(zhǔn)

示例：

index.js 文件

module.exports.username = '李四'
module.exports.sayHello = function () {
    console.log('Hello!')
}
// 讓 module.exports 指向一個新對象
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 指向同一個對象。

最終共享的結(jié)果，還是以 module.exports 指向的對象為準(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'

對 index2.js 文件結(jié)果的解析如下：

對 index4.js 文件結(jié)果的解析如下：

注意：為防止混亂，盡量不要在同一個模塊中同時(shí)使用 exports 和 module.exports

到此這篇關(guān)于Node.js中http模塊和導(dǎo)出共享的文章就介紹到這了,更多相關(guān)node.js http模塊內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論