Node.js實現一個HTTP服務器

項目地址

http server

題目

設計一個模擬HTTP服務端程序

本身設計一個WEB的程序，監聽80端口。支持多客戶端鏈接，能知足客戶的HTTP請求（瀏覽器訪問），包括如下功能：

1.基本功能：get、post（帶數據請求）、head請求

2.模擬登錄訪問，頁面redirector功能（設計登錄頁面login.html、主頁index.html，若是直接訪問index.html則跳轉到登錄頁面，只有登錄後才能打開主頁）

3.其餘（如cookie）

效果展現

思路

• 用戶打開網址 127.0.0.1:8080 時，客戶端發起 get 請求，請求路徑爲 / ，服務端返回 login.html 頁面。

if (request.url === '/') {
  fs.readFile('./login.html', function (err, data) {
    if (!err) {
      response.writeHead(200, { "Content-Type": "text/html;charset=UTF-8" });
      response.end(data)
    } else {
      throw err;
    }
  });
}

• 當用戶試圖經過瀏覽器地址訪問 /index 時，服務端會判斷請求頭是否攜帶 cookie ，若沒有則將請求重定向到 / 。

if (!request.headers.cookie) {
  response.writeHead(301, { 'Location': '/' })
  response.end()
}

• 若是有攜帶 cookie ，則將瀏覽器重定向到 index.html 頁面

window.location.href = '/index'

• 用戶在 login.html 界面輸入用戶名並點擊登陸，客戶端會攜帶用戶名發起一個 post 請求

let input = {
  name: document.querySelector('.input').value
}
let request = new XMLHttpRequest(); // 新建XMLHttpRequest對象
request.open('POST', '/login', true)
request.send(JSON.stringify(input))

• 服務端接收參數，設置 cookie

response.writeHead(200, {
  // cookie只能設置當前域名和父域名，同級域名無效
  'Set-Cookie': `name=${json.name}`,
  'Content-Type': 'text/plain',
})
response.end()

• 若是客戶端發情 HEAD 請求，只返回相應頭

if (request.url === '/getHead') {
  response.writeHead(200);
  response.end()
}