摯愛原生之node手擼實現服務器

前言

做爲程序猿，能夠沒有女友（好像也只能接收找不到的現實），但絕對不能沒有格子衫、護髮素····和對原生的摯愛，今天，我們就來手寫一個簡單的node服務器吧

目標

1. 實現服務器的處理請求，返回響應
2. 實現不一樣請求方式的處理不一樣
3. 進階：實現表單提交文件

實現要點

1. 服務器本質上就是一臺電腦，存儲着各類各樣的資源
2. 接口其實就是一個入口，你給我我要的參數，我給你你要的數據，怎麼給，並不神祕，代碼實現而已
3. 一臺電腦和另外一臺電腦怎麼實現交互？網絡，本文基於HTTP
4. node是一門中間層後臺語言，並且特色我的感受就是對庫的靈活使用

代碼實現

話很少說，代碼可得

• server1 簡單的解析請求，返回響應

let http = require('http');
let fs = require('fs');
let url = require('url');
let queryString = require('querystring');

let server = http.createServer((req,res)=>{
    
    let {pathname,query} = url.parse(req.url,true);
    console.log('有訪問',)
    //字符串模板
    fs.readFile(`./www/${pathname}`,(err,data)=>{
        if(err){
            res.writeHead(404);
            res.write('NOT Found');
            res.end();
        }else {
            console.log(query.a)
            res.write(data);
            res.end();
        }

複製代碼

• server2 實現請求區分
  1. 此處一個小彩蛋，表單上傳成功返回亂碼時，須要設置響應頭'Content-Type':'text/html;charset=utf-8'，下處代碼即有調用
  2. 文件上傳時，須要兩點
     1. 表單的enctype須要設置成"multipart/form-data"
     2. 當上傳的內容出現中文亂碼時，能夠考慮查看下文件編碼是否爲utf-8，若不是，必亂碼

let server = http.createServer((req,res)=>{
    // console.log(1)
    let pathName, getQuery , postQuery;
    if(req.method=='GET'){
        let {pathname, query} = url.parse(req.url,true);
        pathName = pathname;
        getQuery = query;
    }else if(req.method == 'POST'){
        let arr = [];
        pathName = req.url;
        //post請求會分批發送，因此會觸發屢次data事件
        req.on('data',buffer=>{
            arr.push(buffer);
        })
        req.on('end',()=>{
            arr = Buffer.concat(arr);
            console.log(arr.toString('utf-8'))
            postQuery = arr.toString();
            res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
            res.write('上傳成功');
            res.end();
        })
    }
    // console.log(pathName, getQuery , postQuery);

});

複製代碼

• server3 實現表單文件解析存儲

const http=require('http');
const util=require('buffer_util');
const fs=require('fs');

http.createServer((req, res)=>{
  let boundary='--'+req.headers['content-type'].split('; ')[1].split('=')[1];

  let arr=[];
  req.on('data', buffer=>{
    arr.push(buffer);
  });
  req.on('end', ()=>{
    let buffer=Buffer.concat(arr);

    //1.按照分隔符切分
    let res=util.bufferSplit(buffer, boundary);

    res.pop();
    res.shift();

    //2.每個處理一下
    res.forEach(buffer=>{
      buffer=buffer.slice(2, buffer.length-2);

      let n=buffer.indexOf('\r\n\r\n');

      let info=buffer.slice(0, n).toString();
      let data=buffer.slice(n+4);

      if(info.indexOf('\r\n')!=-1){
        //文件
        let res2=info.split('\r\n')[0].split('; ');
        let name=res2[1].split('=')[1];
        let filename=res2[2].split('=')[1];

        name=name.substring(1, name.length-1);
        filename=filename.substring(1, filename.length-1);

        fs.writeFile(`upload/${filename}`, data, err=>{
          if(err){
            console.log(err);
          }else{
            console.log('上傳成功');
          }
        });
      }else{
        //普通訊息
        let name=info.split('; ')[1].split('=')[1];
        name=name.substring(1, name.length-1);
      }

    });
  });
}).listen(8080);

複製代碼