用 Node.js 搭建簡單的服務器

前言

之前學習前端不外乎就是學習 html, css, JavaScript 和一些前端框架。但是其實 JavaScript 除了可以在瀏覽器環境下 (前端) 執行,其實也可以作為服務器 (後端) 提供一些服務。Node.js 正是實現這樣功能的東西,這篇就來利用 Node.js 以自己的計算機搭建一個簡單的服務器,算是踏進 Node.js 世界的第一步吧!

正文

Node.js 是什麼 ?

其實 Node.js 不是一個新的語言,本質上他還是使用 JavaScript 的語法的。一般我們所熟知的 js,也就是那些 DOM 操作,執行的環境是在我們的瀏覽器中。而 Node.js 可以想做也是一個 JavaScript 運行的環境。只是,在這樣的環境下,允許 JavaScript 可以完成 CRUD 等操作,也擁有了作為服務器得以響應客戶端請求的功能。

CRUD 是對數據庫的基本操作,分別為 Create Read Update Delete

安裝 Node.js

要想在 node.js 環境下編程,當然首先必須安裝 node.js 的安裝包。具體作法可以參考 Nodejs安装及环境配置

用 Node.js 建立服務器

現在,直接來看看實際用 Node.js 建立一個服務器的實際作法吧!

1. 載入 Node.js HTTP 模組

我們都知道,網絡通信是依靠 HTTP 協議,所以當然我們必須建立 HTTP 的連接功能。幸好,Node.js 提供了這樣一個模組供我們使用。

2. 建立服務器

建立服務器可以用 HTTP 實例所提通的 createServer 方法。這邊我們簡單的設定下我們服務器的名稱,以及它所監聽的端口。

3. 管理請求 req 以及 回應 res

HTTP 模組所提供的 createServer 方法,有一個回調函數。這個函數會包含兩個參數,req,res。當瀏覽器(前端)對服務器(後端)發起了請求,這時就會觸發該函數,讓 req 帶入瀏覽器的請求內容,然後 res 設定為要返回給瀏覽器的內容。

4. 設定 res 內容

  • 首先要設定 HTTP 狀態碼。用 setStatusCode 來告訴瀏覽器響應請求的狀況。常見的話,200 表示成功,404 是 not found,等等。詳細規範可以參照 MDN文檔 HTTP 狀態碼

  • 然後設定返回給瀏覽器的內容格式。常見的有,html 文件 (text/html),或是純文字檔 (text/plain),還有像是 JSON 檔 (application/json),或是 PDF (application/pdf) 等等。

  • 最後用 end() 設定實際返回的內容。

5. 啟動服務器

最後就是要啟動服務器,用 listen () 來監聽先前定義好的主機名和端口。

代碼演示

const http = require('http')

const hostName =  'localhost'
const port = 3000

const server = http.createServer((req, res) => {
    
    
    res.statusCode = 200
    res.setHeader = ('content-Type', 'text/html')
    res.end(`<h1>This is node.js server.</h1>`)
})

server.listen(port, hostName, () => {
    
    
    console.log(`The server is listening on http://${
      
      hostName}:${
      
      port}.`)
})

最後用 node 指令啟動檔案,就可以看到相應結果啦!

結語

這應該算是第一步踏入 Node.js 世界,對於剛要開始學習 Node.js 的夥伴們或許是個不錯的開始。鑒於本人也是 Node.js 的初學者,還望各位大神們若有看到錯誤,也歡迎指正。之後還會更新更多關於 Node.js 的學習和理解。

猜你喜欢

转载自blog.csdn.net/weixin_46803507/article/details/106863016