[D+73] 편리한 Express (feat. 미들웨어)

 

 

D+73

-  편리한 Express -

(feat. 미들웨어)

 

---

 

 

Express

• Express는 Node.js 환경에서 웹 어플리케이션 혹은 API를 제작하기 위해 사용되는 인기있는 프레임 워크

 

• 기존에 Node.js 형식으로 작성된 서버를 Express라는 프레임 워크를 통해서 훨씬 수월하게 사용이 가능

 

 

1 > Express 설치

$ npm install express --save

익스프레스를 사용하기 전에 우선 터미널 창을 열어 설치를 진행해 줘야 한다.

 

2 > Express 사용

const express = require('express'); // express 기본 모듈
const app = express(); // express 객체생성
const port = 3000; // 포트번호 3000

익스프레스를 본격 사용하기 전에 익스프레스가 해당 공간에서 잘 쓰일 수 있도록

상단에 환경을 만들어 준다.

(= express를 사용한다고 알려라)

 

3 > 본격 Express 사용하기

•Node.js

// 메소드가 GET이고 url이 /messages일 경우
if(request.method === 'GET' && request.url === '/messages') {
  response.writeHead(200, headers);
  response.end(JSON.stringify(data));
}

// 메소드가 POST이고 url이 /messages일 경우
if(request.method === 'POST' && request.url === '/messages') {
  let body = [];
  request.on('data', chunk => {
    body.push(chunk);
  }).on('end', () => {
    body = Buffer.concat(body).toString();
    data.results.push(JSON.parse(body));
    respose.writeHead(201, headers);
    response.end(JSON.stringify(data));
  })}

기존에 Node.js를 사용했을 경우, 우리는 조건문을 사용하고 수많은 것들과 함께 사용해야 했기 때문에

문제를 코드의 양이 많을 뿐만 아니라 가독성이 좋지 않았다.

 

•Express.js

// 메소드가 GET이고 url이 /messages일 경우
app.get('/messages', (req, res) => {
  res.status(200).send(JSON.stringify(data));
})

// 메소드가 POST이고 url이 /messages일 경우
app.post('/messages', (req, res) => {
data.results.push(req.body);
 res.status(201).send();

하지만 여기서 우리는 익스프레스를 사용할 경우 바로 메소드를 app옆에 바로 사용하고,

url또한 어렵지 않게 사용할 수 있을 뿐만 아니라 기존에 노드에서는 POST 메소드를 사용할 때

body에 대한 정보를 확실히 얻어내기 위해 사로 공간에 넣은 뒤에 그 후에 합치는 과정을 거쳤는데 

익스프레스는 노드에 비해서 단순히 배열안에 값을 넣는 방식으로 어렵지 않게 사용이 가능하다.

 

 

---

미들웨어

•미들웨어 함수는 애플리케이션의 요청-응답 주기에서 요청객체(req), 응답객체(res)및  미들웨어 함수에 접근 할 수 있는 함수 있다.

 

const express = require('express'); // express 기본 모듈
const bodyParser = require('body-parser'); // body-parser 미들웨어
const jsonParser = bodyParser.json(); // body를 json화
const cors = require('cors'); // cors 미들웨어
const app = express(); // express 객체생성
const port = 3000; // 포트번호 3000
app.use(cors()); // 전체적으로 cors 사용하기

일부 미들웨어는 터미널에 따로 설치하지 않고 바로 사용이 가능하지만 보통은 터미널에서 설치를 통해

그 이후에 미들웨어 사용이 가능해 진다.

 

이 미들웨어를 통해서 우리는 기존에 노드에서 bodyParser를 json화 하기 위해 여러과정을 거치지 않아도 될 뿐만 아니라,

cors 미들웨어를 통해 손수 cors관련 사항들을 일일히 적을 필요가 없다.