WEB 만들기 - 6 회원 가입 기능
본문 바로가기
WEB

WEB 만들기 - 6 회원 가입 기능

by KyeongMin 2021. 1. 17.
728x90
반응형

서버로 회원가입했을때 이메일이나 비번을 보내기 전에 Body-parser 라는것을 이용한다. 

>npm install body-parser --save

 

이명령으를 이용해서 바디 파서를 다운을 받습니다. 

 

그리고 POST Man을 다운을 받으세요. 

 

www.postman.com/downloads/

 

Download Postman | Try Postman for Free

Try Postman for free! Join 13 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster.

www.postman.com

여기로 들어가서 다운로드를 해줍니다. 

 

 

다운을 해놓고 

Register Route 만들어야합니다. 

index.js 부분에

 

//application/x-www-form-urlencoded 

//이렇게된 데이터를 분석해서 가져오게하는것

const bodyParser = require('body-parser');

 

//application/json 이파일을 분석해서 가져오게 하는것

const {User}=require("./models/User");// 회원가입에 필요한 정보를 가져오기 위한것

이것을 추가해주고 

-------------------------------------------------------------------------------

 

app.post('/register',(res,res)=>{

  //회원가입시 핑요한 정보들을 Client에서 가져오면

  //그것을 데이터 베이스에 넣는다. 

  const user = new User(res.body);

  user.save((err,userInfo)=>{

    if(err)return res.json({success : falseerr})

    return res.status(200).json({

      success : true

    })

  });//이것은 몽고 DB에서오는 메소드 위의 정보를 몽고DB에 저장하는것이다.

})

이것까지 써줍니다. 

 

여기서 res.body 부분에는

{

  id : "id""

 password : "123"

}

이렇게 들어있는데 이렇게 들어있을수 있는것이 bodyparser가 있어서 가능한것이다. 

 

여기서 sataus(200) 이것은 성공했다는 의미이다.  

 

여기까지 회원가입을 위한 라우터를 만든것이다. 

 

npm run start 

해주고나서 

 

postMan을 켭니다. 

 

 

 

 

저기 보라색 동그라미 + 를 눌러서 저렇게 post 로 바꾸고 서버의 주소를 넣어줍니다. 

http://localhost:5000/register

 

주소는 우리가 설정했을때 

 

post 형식으로  엔드 포인트를 /register로 했기때문에 저렇게 하는것이다. 

 

 

 

그리고 body 선택 row로 설정해주고 우리가지금 json 형식으로 보낼것인데 

 

json 형식으로 바꿔줍니다. 

저렇게만 해도되는게 필수로 전부하라고 하지  않아서 일단은 저렇게 하고send를 해봅시다. 그러면 

{

    "name" : "kyeongmin92",

    "email" : "ky@naver.com",

    "password" : "123123"

}

 

이렇게 넣고 

 

이렇게 하단에 나오면 회원가입이 완료된것이다. 

 

이렇게 까지 된다면 성공입니다. 

 

 

728x90
반응형

'WEB' 카테고리의 다른 글

WEB 만들기 8 - 비밀 설정 정보 관리  (0) 2021.01.17
WEB 만들기 7 - Nodemon ...  (0) 2021.01.17
WEB 만들기 5 - git허브 연결  (0) 2021.01.16
WEB 만들기 - 4 git 설치  (0) 2021.01.16
WEB 만들기 - 2 유저모델 & 스키마 생성  (0) 2021.01.16

댓글