深入浅出之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);