Node.js實現一個HTTP服務器的方法示例
項目地址
題目
設計一個模擬HTTP服務端程序
自己設計一個WEB的程序,監(jiān)聽80端口。支持多客戶端連接,能滿足客戶的HTTP請求(瀏覽器訪問),包括以下功能:
1.基本功能:get、post(帶數據請求)、head請求
2.模擬登陸訪問,頁面redirector功能(設計登陸頁面login.html、主頁index.html,如果直接訪問index.html則跳轉到登陸頁面,只有登陸后才能打開主頁)
3.其他(如cookie)
效果展示
思路
用戶打開網址 127.0.0.1:8080
時,客戶端發(fā)起 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 界面輸入用戶名并點擊登錄,客戶端會攜帶用戶名發(fā)起一個 post 請求
let input = { name: document.querySelector('.input').value } let request = new XMLHttpRequest(); // 新建XMLHttpRequest對象 request.open('POST', '/login', true) request.send(JSON.stringify(input))
服務端接收參數,設置 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 請求,只返回相應頭
if (request.url === '/getHead') { response.writeHead(200); response.end() }
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
詳解使用Typescript開發(fā)node.js項目(簡單的環(huán)境配置)
本篇文章主要介紹了詳解使用Typescript開發(fā)node.js項目(簡單的環(huán)境配置),非常具有實用價值,需要的朋友可以參考下2017-10-10Node.js中Express框架使用axios同步請求(async+await)實現方法
這篇文章主要介紹了Node.js中Express框架使用axios同步請求(async+await)實現方法,結合實例形式分析了express框架使用異步交互axios模塊實現同步請求的相關操作技巧與注意事項,需要的朋友可以參考下2023-04-04Nodejs中的計時器(setTimeout?setIntervals?etImmediate)使用案例解析
這篇文章主要介紹了Nodejs中的計時器(setTimeout?setIntervals?etImmediate)使用案例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06nodejs中簡單實現Javascript Promise機制的實例
這篇文章主要介紹了nodejs中簡單實現Javascript Promise機制的實例,本文在nodejs中簡單實現一個promise/A 規(guī)范,需要的朋友可以參考下2014-12-12