Node.js使用http模塊實現(xiàn)后臺服務器流程解析

更新時間：2022年09月14日 15:01:16 作者：前端小白在前進

這篇文章將會教會你前端工程師怎么搭建后臺服務器，做自己的后端開發(fā)，同時，在這篇文章開始你就開始正式進入全棧的道路咯！本片文章將細解http模塊，在開始前我們將復習一點計算機網(wǎng)絡的知識

客戶端與服務器

客戶端：在網(wǎng)絡節(jié)點中，負責消費資源的電腦，叫做客戶端，例如：在網(wǎng)絡中你用客戶端與服務器建立連接，服務器提供的服務信息通過你的客戶端給你展示出來。

服務器：負責對外提供網(wǎng)絡資源的電腦，叫做服務器。例如：我們在訪問搜索網(wǎng)站時，是誰給你提供你想搜索的資源呢？這個東西就是服務器，服務器給你提供你需要的資源！服務器和普通電腦的區(qū)別在于：服務器上安裝了web服務軟件。例如：Apache等，通過安裝這些服務器軟件，就可以把一臺普通的電腦變成一臺web服務器

IP地址

IP 地址就是互聯(lián)網(wǎng)上每臺計算機的唯一地址，因此 IP 地址具有唯一性。如果把“個人電腦”比作“一臺電話”，那么“IP地址”就相當于“電話號碼”，只有在知道對方 IP 地址的前提下，才能與對應的電腦之間進行數(shù)據(jù)通信。

IP 地址的格式：通常用“點分十進制”表示成（a.b.c.d）的形式，其中，a,b,c,d 都是 0~255 之間的十進制整數(shù)。例如：用點分十進表示的 IP地址（192.168.1.1）

注意：

互聯(lián)網(wǎng)中每臺 Web 服務器，都有自己的 IP 地址。
在開發(fā)期間，自己的電腦既是一臺服務器，也是一個客戶端，為了方便測試，可以在自己的瀏覽器中輸入127.0.0.1 這個 IP 地址，就能把自己的電腦當做一臺服務器進行訪問了。

域名和域名服務器

盡管 IP 地址能夠唯一地標記網(wǎng)絡上的計算機，但IP地址是一長串數(shù)字，不直觀，而且不便于記憶，于是人們又發(fā)明了另一套字符型的地址方案，即所謂的域名（Domain Name）地址。

域名服務器：IP地址和域名是一一對應的關系，這份對應關系存放在一種叫做域名服務器(DNS，Domain name server)的電腦中。使用者只需通過好記的域名訪問對應的服務器即可，對應的轉換工作由域名服務器實現(xiàn)。因此，域名服務器就是提供 IP 地址和域名之間的轉換服務的服務器。

注意：

單純使用 IP 地址，互聯(lián)網(wǎng)中的電腦也能夠正常工作。但是有了域名的加持，能讓互聯(lián)網(wǎng)的世界變得更加方便。在開發(fā)測試期間
127.0.0.1 對應的域名是 localhost，它們都代表我們自己的這臺電腦，在使用效果上沒有任何區(qū)別。

端口號

計算機中的端口號，就好像是現(xiàn)實生活中的門牌號一樣。通過門牌號，外賣小哥可以在整棟大樓眾多的房間中，準確把外賣送到你的手中。

同樣的道理，在一臺電腦中，可以運行成百上千個 web 服務。每個 web 服務都對應一個唯一的端口號?？蛻舳税l(fā)送過來的網(wǎng)絡請求，通過端口號，可以被準確地交給對應的 web 服務進行處理。

注意：

??每個端口號不能同時被多個 web 服務占用。

??在實際應用中，URL 中的 80 端口可以被省略(80就是默認的端口號)。

什么是http模塊

http 模塊是 Node.js 官方提供的、用來創(chuàng)建 web 服務器的模塊。通過 http 模塊提供的 http.createServer() 方法，就能方便的把一臺普通的電腦，變成一臺 Web 服務器，從而對外提供 Web 資源服務。

在 Node.js 中，我們不需要使用 Apache 等這些第三方 web 服務器軟件。因為我們可以基于 Node.js 提供的 http 模塊，通過幾行簡單的代碼，就能輕松的手寫一個服務器軟件，從而對外提供 web 服務。

創(chuàng)建基本的web服務器

創(chuàng)建web服務器有四個步驟：

1. 導入我們的http模塊

2. 創(chuàng)建web服務器實例（http.createServer()）

3. 為服務器實例綁定request事件，監(jiān)聽客戶端的請求(server.on())

4. 啟動服務器(server.listen())

// 1.導入http模塊
const http = require('http');
//2.創(chuàng)建一個web服務器實例
const server = http.createServer()
// 3. 為服務器實例綁定 request 事件，監(jiān)聽客戶端的請求
server.on('request',function(req,res) {
  //req.url 是客戶端請求的 url 地址
  const url = req.url
  req.method 是客戶端請求的method類型
  const method = req.method
  const str = `你請求的url地址是 ${url}, 請求的method類型是 ${method}`
  console.log(str)
  // 設置 Content-Type 響應頭，解決中文亂碼的問題
  res.setHeader('Content-Type', 'text/html; charset=utf-8')
  // 向客戶端響應內(nèi)容
  res.end(str)
})
// 4.啟動服務器
server.listen(80,()=>{
    console.log('服務啟動了..... http://127.0.0.1:80');
})

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

req是請求對象，包含了客戶端相關的屬性和數(shù)據(jù),如果想在事件處理函數(shù)中，訪問與客戶端相關的數(shù)據(jù)或?qū)傩?例如：可以使用req.url,req.method，分別來判斷客戶端請求的url地址和發(fā)送請求的方法！
res是響應對象，包含了服務器相關的屬性和數(shù)據(jù),在服務器的 request 事件處理函數(shù)中，如果想訪問與服務器相關的數(shù)據(jù)或?qū)傩?，例?：可以使用res.end()進行在頁面的簡單渲染。
我們還需要設置一下響應頭，為了避免中文亂碼的情況