미들웨어 사용하기

서론

• express 모듈안에 미들웨어와 라우터를 사용할 줄 알아야하는데 그중 미들웨어를 알아보자
• 지금까지는 use() 메소드로 미들웨어 함수안에 코드를 직접 넣어 클라이언트 응답을 전송해야 하는데 어려워서 개발자가 미리 만들어놓은 미들웨어를 사용한다.

Static 미들웨어

• 특정 폴더의 파일들을 특정 패스로 접근할 수 있도록 만들어 줍니다.

// Express 기본 모듈 불러오기
var express = require("express");
const res = require("express/lib/response");
const path = require("path");

// static 미들웨어 특정 폴더의 파일들을 특정 패스로 접근할 수 있도록 만들어준다.
var static = require("serve-static");

http = require("http");

// 익스프레스 객체 생성
var app = express();

app.use("/public", static(path.join(__dirname, "public")));
res.end("<img src='/image/images.png' width= '50%'>");

http.createServer(app).listen(3000, function () {
    console.log("Express 서버가 3000번 포트에서 시작됨");
});

 

body-parser 미들웨어

• POST로 요청했을 때 요청 파라미터를 확인 할 수 있도록 만들어준 미들웨어
• GET 방식으로 요청할 때는 주소 문자열에 요청 파라미터가 들어갑니다.
• POST 방식으로 요청할 때는 본문인 본문 영역(Body 영역)에 요청 파라미터가 들어 있게 되므로 요청 파라미터를 파싱하는 방법이 다르다.

// Express 기본 모듈 불러오기
var express = require("express"),
    http = require("http"),
    path = require("path");

// Express의 미들웨어 불러오기
var bodyParser = require("body-parser"),
    static = require("serve-static");

// 익스프레스 객체 생성
var app = express();

// 기본 속성 설정
app.set("port", process.env.PORT || 3000);

// body-parser를 사용해 application/x-www-form-urlencoded 파싱
app.use(bodyParser.urlencoded({ extended: false }));

// body-parser를 사용해 application/json 파싱
app.use(bodyParser.json());

app.use("/public", static(path.join(__dirname, "public")));

// 미들웨어에서 파라미터 확인

app.use(function (req, res, next) {
    console.log("첫 번째 미들웨어에서 요청을 처리함.");

    var paramId = req.body.id || req.query.id; //클라이언트에서 요청할 때 get방식/post방식 요청모를 경우
    var paramPassword = req.body.password || req.query.password;

    res.writeHead("200", { "Content-Type": "text/html;charset= utf8" });
    res.write("<h1>Express 서버에서 응답한 결과입니다.");
    res.write("<div><p>Param id :" + paramId + "</p></div>");
    res.write("<div><p>Param password :" + paramPassword + "</p></div>");
    res.end();
});

 

정리

• 미들웨어와 라우터를 사용하는데 미들웨어 중에 bodyparser랑 static을 써보았다.