Node.js 입문 - (5) post 방식을 이용한 간단한 로그인

GET방식은 주소창에 모든 parameter의 값이 뜨는 방식이므로 로그인에는 적합하지 않다
따라서 주소창에 뜨지않는 POST 방식을 이용해 보자

우선 main.js 파일을

module.exports = function(app){

    app.get('/',function(req,res){
        res.render('index');
    });

    app.post('/login',function(req,res){
        console.log(req.body.UserName);
        res.render('login',{id:req.body.UserName,password:req.body.Password});
    });
}

로 바꿔주자 body-parser를 이용하게되므로
npm install --save body-parser를 실행하여 설치하자

또한 app.js파일을

var express= require('express');
var app = express();

var bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

var router = require('./router/main.js')(app);
var _port = 3000;

app.set('views', __dirname + '/views');
app.set('view engine','pug');
app.use(express.static('public'));

app.listen(_port, function(){
    console.log("PORT : " + _port);
});

와같이 바꿔주자

html
  head
    script.
  body
    form(action='/login', method='post')
      ul
        li
          label(for='UserName') Username
          |  
          input(type='text', name='UserName',id='UserName')
        li
          label(for='Password') Password
          |  
          input(type='password', name='Password',id='Password')
        li
          input(type='submit')

index.pug

html
    body
        ul
            li= id
            li= password

login.pug

위의 두 .pug파일을 추가하여 실행하면 로그인창이 뜨게 되고, 아이디와 비밀번호를 입력하면 /login 창에서 확인 할 수 있다