Node.js實現(xiàn)一個HTTP服務(wù)器的方法示例
項目地址
題目
設(shè)計一個模擬HTTP服務(wù)端程序
自己設(shè)計一個WEB的程序，監(jiān)聽80端口。支持多客戶端連接，能滿足客戶的HTTP請求（瀏覽器訪問），包括以下功能：
1.基本功能：get、post（帶數(shù)據(jù)請求）、head請求
2.模擬登陸訪問，頁面redirector功能（設(shè)計登陸頁面login.html、主頁index.html，如果直接訪問index.html則跳轉(zhuǎn)到登陸頁面，只有登陸后才能打開主頁）
3.其他（如cookie）
效果展示
思路
用戶打開網(wǎng)址 127.0.0.1:8080 時，客戶端發(fā)起 get 請求，請求路徑為 / ，服務(wù)端返回 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;
}
});
}
當(dāng)用戶試圖通過瀏覽器地址訪問 /index 時，服務(wù)端會判斷請求頭是否攜帶 cookie ，若沒有則將請求重定向到 / 。
if (!request.headers.cookie) {
response.writeHead(301, { 'Location': '/' })
response.end()
}
如果有攜帶 cookie ，則將瀏覽器重定向到 index.html 頁面
window.location.href = '/index'
用戶在 login.html 界面輸入用戶名并點擊登錄，客戶端會攜帶用戶名發(fā)起一個 post 請求
let input = {
name: document.querySelector('.input').value
}
let request = new XMLHttpRequest(); // 新建XMLHttpRequest對象
request.open('POST', '/login', true)
request.send(JSON.stringify(input))
服務(wù)端接收參數(shù)，設(shè)置 cookie
let input = {
name: document.querySelector('.input').value
}
let request = new XMLHttpRequest(); // 新建XMLHttpRequest對象
request.open('POST', '/login', true)
request.send(JSON.stringify(input))
如果客戶端發(fā)情 HEAD 請求，只返回相應(yīng)頭
if (request.url === '/getHead') {
response.writeHead(200);
response.end()
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
詳解使用Typescript開發(fā)node.js項目（簡單的環(huán)境配置）
本篇文章主要介紹了詳解使用Typescript開發(fā)node.js項目（簡單的環(huán)境配置），非常具有實用價值，需要的朋友可以參考下2017-10-10
Node.js中Express框架使用axios同步請求(async+await)實現(xiàn)方法
這篇文章主要介紹了Node.js中Express框架使用axios同步請求(async+await)實現(xiàn)方法,結(jié)合實例形式分析了express框架使用異步交互axios模塊實現(xiàn)同步請求的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2023-04-04
使用nodejs來模擬form表單進行文件上傳，可以同時上傳多個文件。2014-07-07
Nodejs中的計時器(setTimeout?setIntervals?etImmediate)使用案例解析
這篇文章主要介紹了Nodejs中的計時器(setTimeout?setIntervals?etImmediate)使用案例解析,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
nodejs中簡單實現(xiàn)Javascript Promise機制的實例
這篇文章主要介紹了nodejs中簡單實現(xiàn)Javascript Promise機制的實例,本文在nodejs中簡單實現(xiàn)一個promise/A 規(guī)范,需要的朋友可以參考下2014-12-12
學(xué)習(xí) Node.js ，必學(xué)如何使用 require 語句。本文通過源碼分析，詳細(xì)介紹 require 語句的內(nèi)部運行機制，幫你理解 Node.js 的模塊機制2015-12-12
這篇文章主要介紹了Node.js實現(xiàn)批量下載圖片簡單操作,結(jié)合實例形式分析了node.js批量下載圖片的具體步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2020-01-01
npm在前端開發(fā)流程中提供了非常完善的自動化工具鏈,但是同樣由于其復(fù)雜性導(dǎo)致有很多奇奇怪怪的問題,下面這篇文章主要給大家介紹了關(guān)于npm?i報錯以及解決方案的相關(guān)資料,需要的朋友可以參考下2022-07-07
又到了一年的面試季，今年情況特殊，很多人可能都窩在家里，也有一些人準(zhǔn)備找工作，但是疫情嚴(yán)重，也沒企業(yè)發(fā)招聘信息。這個時候，最好的做法就是在家里刷面試題2020-02-02
因為npm官方鏡像在國內(nèi)訪問很慢,我們基本上都會選擇切換到國內(nèi)的一些npm鏡像,本文主要介紹了npm鏡像源證書過期的問題解決,具有一定的參考價值,感興趣的可以了解一下2024-07-07