express - static, bodyparser, cookieparser, session , morgan

 

1.

 const data = await fs.readFile(`.${req.url}`)  ~ 이 부분이 static으로 된 거임 

app.use('요청경로', express.static('실제경로'));

localhost:3000/zerocho.html learn-express/public-3030/zerocho.html
localhost:3000/zerocho.css learn-express/public-3030/zerocho.css

이 미들웨어는 morgan 밑에 위치시킬 것. 성능적인 문제

app.use('/', express.static(path.join(__dirname, 'public')))

로그인 한 유저에게만 static 라우터를 실행시키고 싶다면??

app.use('/', (req,res,next) => {
  if( req.session.id ) {
     express.static(__dirname, 'public')(req,res,next) 
  } else { 
    next()
  }

})

 

 

 

2.

bodyparser

app.use(express.json());  //일반, req.body.XXX 가능
app.use(express.urlencoded({ extended: true })); // form -> multer로 이어짐

 

 

 

3. 

cookieparser

app.use(cookieParser(process.env.COOKIE_SECRET));

app.get('/', (req,res,next) => {
  req.cookies 

  req.signedCookies; 

  res.cookie('name', encodeURIComponent((name), {
    expires: new Date(),
    httpOnly:true,
    path:'/',
  }))

  res.clearCookie('name', encodeURIComponent((name), { 
    httpOnly:true,
    path:'/',
  }))

  res.sendFile(path.join(__dirname, 'index.html'))
})

 

 

4.

session (개인 저장소)

app.use(session({
  resave: false, 
  saveUninitialized: false,
  secret: process.env.COOKIE_SECRET,  
  cookie: { 
    httpOnly: true, 
    secure: false,
  },
  name: 'session-cookie',   // 'connect.sid'  
}));

 

다른 라우터로 데이터를 전달하고 싶을 때,

app.use((req, res, next) => {
 
  req.session.data = '넘기고 싶은 데이터'  // 계속 유지
  req.data = '넘기고 싶은 데이터'  // 1회성
})

app.get('/', (req,res,next) => {
  app.get('hello') 
  req.session.data 
  req.data  
  
  ~~~~
  
})

 

 

5.

morgan

app.use(morgan('dev'));  // 개발할땐 dev, 배포할떄는 combined, 실무에선 combined