찾다

집 >웹 프론트엔드 >JS 튜토리얼 >Nodejs에서 일반적으로 사용되는 미들웨어 본문 파서의 예에 대한 자세한 설명

Nodejs에서 일반적으로 사용되는 미들웨어 본문 파서의 예에 대한 자세한 설명

Y2J
Y2J원래의
2017-05-23 13:25:523070검색

이 글은 Nodejs의 일반적인 Express 미들웨어 본문 파서 구현 분석을 주로 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

앞에 작성했습니다

body-parser은 express포스트 요청의 요청 본문을 구문 분석하는 데 사용되는 매우 일반적으로 사용되는 미들웨어입니다. 사용하기는 매우 간단합니다. 다음 두 줄의 코드는 대부분의 사용 시나리오를 다루었습니다. 

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

이 글은 간단한 예제에서 시작하여 body-parser의 내부 구현을 살펴봅니다. body-parser 사용법에 관심 있는 학생들은 공식 문서를 참고하세요.

시작의 기본

공식적인 설명에 앞서, 아래와 같이 POST 요청 메시지를 먼저 살펴보겠습니다. 

POST /test HTTP/1.1
Host: 127.0.0.1:3000
Content-Type: text/plain; charset=utf8
Content-Encoding: gzip

chyingp

Content-Type, Content-Encoding 및 메시지 본문에 주의해야 할 사항:

  1. Content-Type: 요청의 유형 및 인코딩 메시지 본문. 일반적인 유형에는 text/plain, application/json, application/x-www-form-urlencoded가 포함됩니다. 일반적인 인코딩에는 utf8, gbk 등이 포함됩니다.

  2. Content-Encoding: 메시지 본문의 압축 형식을 선언합니다. 일반적인 값에는 gzip, deflate 및 ID가 포함됩니다.

  3. 메시지 본문: 일반 텍스트 문자열 chyingp입니다.

body-parser가 주로 하는 일

body-parser구현 핵심 포인트는 다음과 같습니다.

1. 텍스트, json, urlencoded 등과 같은 다양한 유형의 요청 본문을 처리하며 해당 메시지 본문 형식이 다릅니다.

2. utf8, gbk 등과 같은 다양한 인코딩을 처리합니다.

3. gzip, defare 등과 같은 다양한 압축 유형을 처리합니다.

4. 기타 경계 및 예외 처리.

1. 다양한 유형의 요청 본문 처리

독자의 테스트를 용이하게 하기 위해 다음 예제에는 서버 및 클라이언트 코드가 포함되어 있습니다. 저자의 github.

텍스트/일반 구문 분석

클라이언트에서 요청한 코드는 다음과 같으며, 요청 본문을 압축하지 않고 기본 인코딩을 사용합니다. 요청 본문 유형은 text/plain입니다. 

var http = require('http');

var options = {
  hostname: '127.0.0.1',
  port: '3000',
  path: '/test',
  method: 'POST',
  headers: {
    'Content-Type': 'text/plain',
    'Content-Encoding': 'identity'
  }
};

var client = http.request(options, (res) => {
  res.pipe(process.stdout);
});

client.end('chyingp');

서버 코드는 다음과 같습니다. text/plain타입 처리는 비교적 간단합니다. 바로 버퍼 스플라이싱입니다. 

var http = require('http');

var parsePostBody = function (req, done) {
  var arr = [];
  var chunks;

  req.on('data', buff => {
    arr.push(buff);
  });

  req.on('end', () => {
    chunks = Buffer.concat(arr);
    done(chunks);
  });
};

var server = http.createServer(function (req, res) {
  parsePostBody(req, (chunks) => {
    var body = chunks.toString();
    res.end(`Your nick is ${body}`)
  });
});

server.listen(3000);

Parse application/json

클라이언트 코드는 다음과 같습니다. Content-Type를 application/json로 바꾸세요. 

var http = require('http');
var querystring = require('querystring');

var options = {
  hostname: '127.0.0.1',
  port: '3000',
  path: '/test',
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Content-Encoding': 'identity'
  }
};

var jsonBody = {
  nick: 'chyingp'
};

var client = http.request(options, (res) => {
  res.pipe(process.stdout);
});

client.end( JSON.stringify(jsonBody) );

text/plain에 비해 JSON.parse() 프로세스가 하나 더 있는 서버 코드는 다음과 같습니다. 

var http = require('http');

var parsePostBody = function (req, done) {
  var length = req.headers['content-length'] - 0;
  var arr = [];
  var chunks;

  req.on('data', buff => {
    arr.push(buff);
  });

  req.on('end', () => {
    chunks = Buffer.concat(arr);
    done(chunks);
  });
};

var server = http.createServer(function (req, res) {
  parsePostBody(req, (chunks) => {
    var json = JSON.parse( chunks.toString() );  // 关键代码  
    res.end(`Your nick is ${json.nick}`)
  });
});

server.listen(3000);

Parse application/x-www-form-urlencoded

클라이언트 코드는 다음과 같습니다. 여기서 요청 본문은 querystring을 통해 형식화됩니다. nick=chyingp 문자열과 같습니다. 

var http = require('http');
var querystring = require('querystring');

var options = {
  hostname: '127.0.0.1',
  port: '3000',
  path: '/test',
  method: 'POST',
  headers: {
    'Content-Type': 'form/x-www-form-urlencoded',
    'Content-Encoding': 'identity'
  }
};

var postBody = { nick: 'chyingp' };

var client = http.request(options, (res) => {
  res.pipe(process.stdout);
});

client.end( querystring.stringify(postBody) );

서버 코드는 다음과 같으며 text/plain 호출을 추가한 것을 제외하면 querystring.parse()의 파싱과 유사합니다. 

var http = require('http');
var querystring = require('querystring');

var parsePostBody = function (req, done) {
  var length = req.headers['content-length'] - 0;
  var arr = [];
  var chunks;

  req.on('data', buff => {
    arr.push(buff);
  });

  req.on('end', () => {
    chunks = Buffer.concat(arr);
    done(chunks);
  });
};

var server = http.createServer(function (req, res) {
  parsePostBody(req, (chunks) => {
    var body = querystring.parse( chunks.toString() ); // 关键代码
    res.end(`Your nick is ${body.nick}`)
  });
});

server.listen(3000);

2. 다양한 인코딩 처리

클라이언트의 요청이 반드시 기본 utf8 인코딩을 사용하는 것은 아닙니다. 신체가 해독되었습니다.

클라이언트 요청은 다음과 같으며, 크게 두 가지 사항이 있습니다.

1. 인코딩 문: Content-Type 끝에 charset=gbk 추가

2. 요청 본문 인코딩: 여기서는 iconv-lite를 사용하여 인코딩합니다. 요청 본문 인코딩 iconv.encode('Programmer Xiaoka', 인코딩)

var http = require('http');
var iconv = require('iconv-lite');

var encoding = 'gbk'; // 请求编码

var options = {
  hostname: '127.0.0.1',
  port: '3000',
  path: '/test',
  method: 'POST',
  headers: {
    'Content-Type': 'text/plain; charset=' + encoding,
    'Content-Encoding': 'identity',    
  }
};

// 备注：nodejs本身不支持gbk编码，所以请求发送前，需要先进行编码
var buff = iconv.encode('程序猿小卡', encoding);

var client = http.request(options, (res) => {
  res.pipe(process.stdout);
});

client.end(buff, encoding);

서버 코드는 다음과 같습니다. 인코딩 판단과 디코딩 작업의 두 가지 단계가 더 있습니다. 먼저 Content-Type을 통해 인코딩 유형 gbk을 가져온 다음 iconv-lite을 통해 역디코딩 작업을 수행합니다.

rree

3. 다양한 압축 유형 처리

다음은 gzip 압축의 예입니다. 클라이언트 코드는 다음과 같으며, 핵심 내용은 다음과 같습니다.

1. 압축 유형 선언: Content-Encoding이 gzip으로 할당됩니다.

2. 요청 본문 압축: gzip zlib 모듈을 통해 요청 본문을 압축합니다. 

var http = require('http');
var contentType = require('content-type');
var iconv = require('iconv-lite');

var parsePostBody = function (req, done) {
  var obj = contentType.parse(req.headers['content-type']);
  var charset = obj.parameters.charset; // 编码判断：这里获取到的值是 'gbk'

  var arr = [];
  var chunks;

  req.on('data', buff => {
    arr.push(buff);
  });

  req.on('end', () => {
    chunks = Buffer.concat(arr);
    var body = iconv.decode(chunks, charset); // 解码操作
    done(body);
  });
};

var server = http.createServer(function (req, res) {
  parsePostBody(req, (body) => {
    res.end(`Your nick is ${body}`)
  });
});

server.listen(3000);

서버 코드는 다음과 같으며, zlib 모듈을 통해 요청 본문을 압축 해제(guzip)합니다. 

var http = require('http');
var zlib = require('zlib');

var options = {
  hostname: '127.0.0.1',
  port: '3000',
  path: '/test',
  method: 'POST',
  headers: {
    'Content-Type': 'text/plain',
    'Content-Encoding': 'gzip'
  }
};

var client = http.request(options, (res) => {
  res.pipe(process.stdout);
});

// 注意：将 Content-Encoding 设置为 gzip 的同时，发送给服务端的数据也应该先进行gzip
var buff = zlib.gzipSync('chyingp');

client.end(buff);

는 뒤에 써있습니다.

body-parser의 핵심 구현은 소스 코드를 보면 더 복잡하지 않다는 것을 알 수 있습니다. 예외와 경계를 다룬다.

또한 POST 요청의 경우 Content-Type라는 또 다른 매우 일반적인 multipart/form-data이 있는데, 이 처리는 상대적으로 복잡하며 body-parser에서는 이를 지원할 계획이 없습니다. 공간이 제한되어 있으므로 다음 장에서 계속 확장해 나가겠습니다.

[관련 추천]

1. Javascript 무료 동영상 튜토리얼

2. JS의 마키 스크롤 구현 상세 예시 효과

3. QQ 채팅 메시지 표시 및 댓글 제출 기능을 위한 JS 코드 예시

4. JS 한 줄로 모바일 머니 형식 검증 구현

5. JavaScript 양식 검증 구현 code_javascript 기술

위 내용은 Nodejs에서 일반적으로 사용되는 미들웨어 본문 파서의 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：JavaScript 양식 유효성 검사 구현 code_javascript 기술다음 기사：JavaScript 양식 유효성 검사 구현 code_javascript 기술

관련 기사

더보기