淺談nodejs中HTTP模塊應用

　　這里給大家分享下后端人員如果利用nodejs對數據的一些處理情況  適用於初學者使用 大牛勿噴

給大家分享下主要后端思想部分代碼，前端部分就不展示了

const http = require("http");
const fs = require("fs");
const url=require("url");
const path = require("path");
const util = require("./util");
const Mock = require("./src/app/mock/node_modules/mockjs");

//創建一個服務
let arr = [];//用來存放下面建立的json文件的數據
const server = http.createServer((request, response) => {
    //首先我們會接受靜態請求和接口請求 通過封裝函數來實現對其不同的操作
    //首先我們對請求進行分類
    let filePath = request.url == "/" ? "login.html" : url.parse(request.url).pathname;
    //console.log(filePath)
    if (path.extname(filePath)) {
        //存在后綴就是靜態資源文件請求
        util.fileRead(path.join("./src", filePath), response)
    } else if (filePath == "/api/login") {

        //聲明一個對象給前端返回后端處理的數據請求結果

        let opj = {
            code: 1,
            msg: "請求成功"
        }
        //接受前端給我發過來的請求體
        util.getData(request, (data) => {
            console.log(data, "前端請求數據結果")
            //登錄的ajax請求
            //我們利用一個json文件模擬本地數據庫
            //首先判斷我們這個數據庫存在不存在
            if (fs.existsSync("./data.json")) {
                //存在的情況下
                //和數據庫的數據進行比較
                //讀取數據庫文件資源
                let dataAll = JSON.parse(fs.readFileSync("./data.json", "utf8"));
                data = JSON.parse(data)
                //console.log(data, "dengluqingqiu............")
                //檢驗是不是賬號密碼不對
                let flag = dataAll.find(item => {
                    return item.user == data.user && item.pwd == data.pwd;
                });
                let flag1 = dataAll.find(item => {
                    return item.user == data.user;
                })
                //console.log(flag, "**************")
                //檢測是不是這個名字就不存在了
                if (!flag) {
                    //找不到證明驗證失敗
                    opj.code = 0;
                    opj.msg = "用戶名或者密碼輸入錯誤"
                }
                if (!flag1) {
                    opj.code = 0;
                    opj.msg = "該用戶沒有被注冊"
                }

            } else {
                //不存在的情況下
                opj.code = 0;
                opj.msg = "該用戶沒有被注冊"
            }
            //返回后端處理結果
            //console.log(JSON.stringify(opj))
            //console.log(opj, "--------------------")
            response.end(JSON.stringify(opj))
        })
    } else if (filePath == "/api/register") {
        //聲明一個對象給前端返回后端處理的數據請求結果
        let opj = {
            code: 1,
            msg: "注冊成功"
        }
        //注冊頁面發來的ajax請求
        //接受ajax傳過來的數據
        util.getData(request, data => {
            //console.log(data, "前端請求數據結果")
            console.log(data, "這里")
            data = JSON.parse(data);
            let f = arr.some(item => {
                return item.user == data.user
            })
            if (!f) {
                arr.push(data);
            }
            //首先在這個請求中我們還是利用一個json文件代替數據庫
            //判斷這個文件是不是存在 不存在創建
            if (!fs.existsSync("./data.json")) {
                //不存在的情況下
                //創建
                if (arr.length) {
                    fs.writeFileSync("./data.json", JSON.stringify(arr));
                }
            } else {
                //存在的情況下
                //獲取這個文件收據進行遍歷
                let read = JSON.parse(fs.readFileSync("./data.json", "utf8"));
                let flag = read.some(item => {
                    return item.user == data.user
                });
                if (flag) {
                    opj.code = 0;
                    opj.msg = "該用戶已被注冊過"
                }
                fs.writeFileSync("./data.json", JSON.stringify(arr));
            }
            response.end(JSON.stringify(opj))
        })

    } else if (filePath === "/api/main") {
        util.getData(request,data=>{
            //console.log(data,"**********");
            let {page,limit}=data;
            //利用mock隨機生成圖片
            let images=Mock.Random.image("200x200","#f00","chen");
            //利用傳過來的參數隨機生成一個數據給前端返回回去
            let mockData=Mock.mock({
                [`list|${limit}`]:[
                    {
                        title:'@ctitle',
                        'id|+1':(page-1)*limit,
                        img:images
                    }
                ]
            });
            //將這個隨機創造的數據返回給前端
            response.end(JSON.stringify(mockData))
        })
    }
});

//監聽這個服務
server.listen(8000, () => {
    console.log(server.address().port)
})

其中上述代碼用到個幾個封裝如下   上述代碼依然可以優化 怕優化太多不易理解 有能力的同學可以自己優化下

const url = require("url");
const fs = require("fs");
module.exports={
    fileRead(rootPath,response){
        //此函數是對文件的讀取 與判斷文件是否存在滴
        if(fs.existsSync(rootPath)){
            //文件存在的情況 讀取返回
            fs.readFile(rootPath,(err,data)=>{
                if(err) throw err;
                response.end(data.toString())
            })
        }else{
            //文件不存在的情況下 改狀態碼
            response.ststusCode=404;
            response.end()
        }
    },
    getData(request,callBack){
        //第一個參數是請求體 第二個參數是回調函數
        //封裝一個函數用來判斷是get請求還是post請求
        if(request.method==="POST"){
            let data="";
            request.on("data",chunk=>{
                data+=chunk;
            });
            request.on("end",()=>{
                callBack(data)
            })
        }else if(request.method=="GET"){
            //注意這里第二個參數加個true可以 很有靈性
            //將page=1&limit=15轉換成對象 方便了后端人員的數據處理
            let data=url.parse(request.url,true).query;
            callBack(data)
        }
    }
}

 

　　　　其實主要思想也就那幾個   

    首先 我們需要創建一個服務 然后在這個服務中判斷一下我們接受的http都是那些 

無非就是兩種 一種是靜態資源的加載  也就是我們的html頁面的加載和css js的一些引入加載 

另一種就是我們的一些ajax接口的請求  通過前端人員給我們發送過來的請求 然后我們對其進行

處理后給前端返回處理后的結果 這時前端人員就可以根據我們的結果進行一系列的頁面操作 

 

上述代碼 還有不完整處  有時間在補充

沒有對icon圖標的處理  這里如果瀏覽器加載一次后就不會繼續像服務器發送請求了 

會從緩存中讀取的  

還有沒有判斷 既非接口也非靜態文件資源的情況

也就是我們上網時常見的404頁面走丟了那類網頁  所以這里只需加載一個html頁面即可

 

 

整體而言也就這些了  歡迎有不同想法或者思路的人在下方指出  您的評價是我進步的階梯