- 使用Node搭建可以處理文件請(qǐng)求和ajax請(qǐng)求的簡(jiǎn)易服務(wù)器钝尸,并模擬登錄注冊(cè)功能的后臺(tái)處理云芦。
// 引入node模塊
const http = require("http");
const fs = require("fs");
const url = require("url");
const qs = require("querystring");
// 創(chuàng)建服務(wù)器
http.createServer(function (req, res) {
// 獲取url并解析
let urlObj = url.parse(req.url);
let { pathname, query } = urlObj;
query = qs.parse(query);
// 過(guò)濾favicon圖標(biāo)
if (pathname !== "/favicon.ico") {
// 判斷請(qǐng)求類型
switch (pathname) {
// "/api"是ajax請(qǐng)求
case "/api":
ajaxFn(req, res);
break;
// 其他是文件請(qǐng)求
default:
fileFn(req, res);
}
}
}).listen("8080", () => {
// 監(jiān)聽(tīng)8080端口,并在后端打印
console.log("服務(wù)器開(kāi)啟成功:http://localhost:8080");
})
// ajax請(qǐng)求處理
function ajaxFn(req, res) {
let data = "";
// 獲取數(shù)據(jù)年柠,因?yàn)榻邮盏降氖菙?shù)據(jù)塊昼伴,所以將數(shù)據(jù)塊拼接得到完整數(shù)據(jù)
req.on("data", (chunk) => {
data += chunk;
});
// 數(shù)據(jù)獲取完成進(jìn)行g(shù)et和post方式判斷
req.on("end", () => {
if (data) {
// 有數(shù)據(jù)說(shuō)明是post請(qǐng)求,直接獲取
data = qs.parse(data);
} else {
// 沒(méi)有數(shù)據(jù)即為get請(qǐng)求梯刚,解析url拿到請(qǐng)求
data = url.parse(req.url, true).query;
}
if (data.type === "login") {
// 如果數(shù)據(jù)類型為登錄
// 就進(jìn)行l(wèi)ogin處理
login(req, res, data);
} else if (data.type === "register") {
// 如果是注冊(cè)類型就進(jìn)行注冊(cè)處理
register(req, res, data);
}
})
}
// 先有注冊(cè),再有登陸處理
function login(req, res, data) {
let i = 0;
// 遍歷用戶信息薪寓,當(dāng)有用戶名相同時(shí)返回
const onoff = userMsg.some((val, idx) => {
i = idx;
return val.user === data.user;
});
let msg = null;
if (onoff) {
// 用戶名存在且密碼相同
if (userMsg[i].pass === data.pass) {
// 返回登錄成功信息
msg = { state: 1, msg: "登錄成功" };
// 并將后端用戶信息狀態(tài)存為1
userMsg[i].state = 1;
} else {
// 否則提示密碼錯(cuò)誤
msg = { state: 2, msg: "用戶名密碼不匹配" };
}
} else {
// 提示用戶名不存在
msg = { state: 3, msg: "用戶名不存在" };
}
// 返回信息
res.write(JSON.stringify(msg));
// 終止請(qǐng)求
res.end();
}
// 定義數(shù)組保存用戶信息
let userMsg = [];
// 注冊(cè)處理
function register(req, res, data) {
// 遍歷數(shù)據(jù)亡资,用戶名相同時(shí)返回
const onoff = userMsg.some((val, idx) => {
return val.user === data.user;
});
let msg = null;
if (onoff) {
// 如果onoff為true,用戶名存在
msg = { state: 2, msg: "用戶名重復(fù)" };
} else {
// 如果前端發(fā)過(guò)來(lái)的用戶名在后端不存在
// 就將此數(shù)據(jù)添加到后端的用戶信息內(nèi)
// 注冊(cè)成功并未登錄的狀態(tài)為0
userMsg.push({
user: data.user,
pass: data.pass,
state: 0
})
// 前端注冊(cè)成功
msg = { state: 1, msg: "注冊(cè)成功" };
// 在后端打印數(shù)據(jù)
console.log(data);
}
// 返回信息
res.write(JSON.stringify(msg));
// 終止請(qǐng)求
res.end();
}
// 文件請(qǐng)求處理
function fileFn(req, res) {
// 獲取url地址
let urlObj = url.parse(req.url);
// 設(shè)置根目錄為www
fs.readFile("./www" + urlObj.pathname, (err, data) => {
if (err) {
// 報(bào)錯(cuò)就返回404
res.write("404");
// 打印錯(cuò)誤
console.log(err);
} else {
// 沒(méi)有錯(cuò)誤就返回?cái)?shù)據(jù)
res.write(data);
}
// 終止請(qǐng)求
res.end();
})
}
/* === END === */