api들 routes폴더로 관리하기

 

🥕 왜 api들을 분리해야하는가?

개발하다보면 api가 점점 server.js에 늘어나게 되는데 각각하는 기능들도 다르고,
한번에 몰아넣으면 수정할 때도 찾기 힘들다!
그래서 우리는  routes라는 폴더를 만들어서 관련 api들을 분리해서 관리해주도록 하자!

 

server.js

app.get('/shop/shirts', (req,res)=>{
    res.send('셔츠파는페이지')
})

app.get('/shop/dress', (req,res)=>{
    res.send('드레스파는 페이지')
})

 

쇼핑몰의 페이지에 관련된 api들을 shop.js파일에 담아줄것이다. (server.js와 같은위치로 폴더를 만들어줌)

 

 shop.js

const router = require('express').Router();


router.get('/shop/shirts', (req,res)=>{
    res.send('셔츠파는페이지')
})

router.get('/shop/dress', (req,res)=>{
    res.send('드레스파는 페이지')
})

module.exports = router;

 

router를 require해주고 app => router로 변환 후

router module을 exports해주자!!

 

server.js

app.use('/', require('./routes/shop'));

 

=> 미들웨어식으로 등록해주어서 편하게 router를 사용가능하게 함

/ 경로로 들어오면 shopRouter로 api를 사용 가능하게함

 

🥕 공통된 URL 시작부분은 미들웨어로 등록해서 사용가능함 ( 한눈에 보기 쉽다)

 shop.js

const router = require('express').Router();


router.get('/shop/shirts', (req,res)=>{
    res.send('셔츠파는페이지')
})

router.get('/shop/dress', (req,res)=>{
    res.send('드레스파는 페이지')
})

module.exports = router;

=> 위의 코드에서 /shop경로가 중복이 되는것이 보임

 

server.js

미들웨어에 /shop으로 등록

const shopRouter = require('./routes/shop');
app.use('/shop', shopRouter);

 

위의 코드를 아래와 같이 축약해서 사용가능

app.use('/shop', require('./routes/shop'));

 

shop.js

const router = require('express').Router();


router.get('/shirts', (req,res)=>{
    res.send('셔츠파는페이지')
})

router.get('/dress', (req,res)=>{
    res.send('드레스파는 페이지')
})

module.exports = router;

=> shop.js에선 ' /shop'이라는 미들웨어를 설정해 주었기 때문에 /shop을 제외한 경로를 써주어야 함

 

관련있는 api들은 url 비슷하게 만드는 게 좋다!! 관리하기도 편하기 때문!!

🥕 But, 분리한 파일들에는 db라는 변수가 저장되어 있지 않다!! 

=> db 를 database.js에 따로 저장해주고
각각 필요한 라우터들이 들어있는 파일에 require해서 써주면 해결~!

 

server.js와 같은 위치에 config폴더만들고 database.js파일 만들어줌

 

database.js

const {MongoClient} =require("mongodb");

const url = process.env.DB_URL;
let connectDB = new MongoClient(url).connect()


module.exports = connectDB

 

server.js

const { MongoClient, ObjectId } = require('mongodb')

let connectDB = require('./config/database.js')

let db;
connectDB.then((client) => {
    console.log('DB연결성공')
    db = client.db('project');
    app.listen(process.env.PORT, () => {
        console.log('http://localhost:3001에서 서버 실행중')
    })
}).catch((err) => {
    console.log(err)
})

=> connectDB를 require로 가져와서 연결해주었다!!

 

shop.js 에서도 가져다 쓸 수 있음!!

const router = require('express').Router();

let connectDB = require('./config/database.js')

let db;
connectDB.then((client) => {
    console.log('DB연결성공')
    db = client.db('project');
    }).catch((err) => {
    console.log(err)
})

router.get('/shirts', async(req,res)=>{
    await db.collection('post').fing().toArray()
    res.send('셔츠파는페이지')
})

router.get('/dress', (req,res)=>{
    res.send('드레스파는 페이지')
})

module.exports = router;

=> db라는 변수로 데이터베이스 연동 가능함!!