TIL(42) Web Server

codedot·2021년 9월 12일

Web Server ✍🏻

클라이언트 요청에 대해 응답할 수 있는 프로그래밍을 만들기 위해 node.js를 이용한다.

서버생성

const http = require('http');

let server = http.createServer((requset, response) => {
	response.end('Hello world!');
});
server.listen(3000); // port번호

createServer 함수에 인자로 들어오는 함수의 response 인자를 사용하면 클라이언트의 요청에 대해 알맞은 응답을 줄 수 있다.
response 객체의 end 메소드를 사용하면 원하는 응답을 줄 수 있다.
모든 node 웹 서버 애플리케이션은 createServer를 이용하여 웹 서버 객체를 만들어야 한다.
이 서버로 오는 HTTP 요청마다 createServer에 전달된 함수가 한 번씩 호출된다.
HTTP 요청이 서버에 오면 node가 트랜잭션을 다루려고 request와 response 객체를 전달하며 요청 핸들러 함수를 호출한다.

요청

let body = [];
request.on('data', (chunk) => {
  body.push(chunk); //데이터가 들어오면 콜백함수 실행
}).on('end', () => {
  body = Buffer.concat(body).toString(); //데이터가 들어오는 게 끝나면 콜백함수 실행
  // 여기서 `body`에 전체 요청 바디가 문자열로 담겨있습니다.
});

스트림의 'data'와 'end' 이벤트에 이벤트 리스너를 등록해서 데이터를 받을 수 있다.
각 'data' 이벤트에서 발생시킨 청크는 Buffer이다.
이 청크가 문자열 데이터라는 것을 알고 있다면 이 데이터를 배열에 수집한 다음 'end' 이벤트에서 이어 붙인 다음 문자열로 만드는 것이 가장 좋다.
body라는 변수에 요청 바디가 전부 문자열로 담겨있는 상태에서 각 경우에 따라 아래와 같이 조건문을 작성하여 응답 케이스를 나누어 주었다.

if (request.method === 'POST') { //POST요청 중에서
    if (request.url === '/lower') { //url이 /lower인 경우
      
    } else if (request.url === '/upper') {//url이 /upper인 경우
      
    } else { //그 외의 요청(에러 응답)
      
    }
  }
  if (request.method === 'OPTIONS') { //CORS 관련 헤더를 OPTIONS 응답에 적용
 
  }

응답바디

request의 메소드가 OPTION인 경우는 클라이언트가 preflight request를 보냈을 때

const defaultCorsHeader = {
  'Access-Control-Allow-Origin': '*',
  'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
  'Access-Control-Allow-Headers': 'Content-Type, Accept',
  'Access-Control-Max-Age': 10
};

preflight request 에 대한 응답

response.statusCode = 200; //응답코드
response.setHeader('Content-Type', 'application/json');
    // 주의: 위 두 줄은 다음 한 줄로 대체할 수도 있습니다.
    // response.writeHead(200, {'Content-Type': 'application/json'})

const responseBody = { headers, method, url, body };

response.write(JSON.stringify(responseBody));
response.end();
    // 주의: 위 두 줄은 다음 한 줄로 대체할 수도 있습니다.
    // response.end(JSON.stringify(responseBody))
--> 요청바디를 소문자로 바꿔서 응답하는 경우는 아래와 같다.

req.on('end', () => {
        data = data.toLowerCase();
        res.writeHead(201, defaultCorsHeader); //(에러코드, 응답헤더)
        res.end(data);
      });