[Network] [NodeJS] 간단한 로그인 구현

💻 BackEnd/🟩 NodeJS

[Network] [NodeJS] 간단한 로그인 구현

Dbswnstjd 2022. 5. 2. 21:08

NodeJS 로그인

간단한 로그인을 기능을 구현하게 되었다.

구현 방법

localhost:3000/login으로 요청이 들어오게 되면 login.html 파일을 렌더링 해준다.

그 후에 아이디와 비밀번호를 치고 로그인 버튼을 누르게 되면 POST /login 요청을 보내고 서버에서 처리를 해준다.

데이터베이스를 연결할 수 있지만 비용이 들기 때문에 이번 구현에서는 간단하게 로그인이 잘 되는지 정도만 확인 할 예정이다.

login.html

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Login</title>

    <meta charset="utf-8" />
  </head>
  <body>
    <!-- 로그인폼 -->
    <div>
      <form action="/login" method="post">
        아이디 : <input name="user_id" type="text" /><br />
        비밀번호 : <input name="user_pwd" type="password" /><br />
        <input value="로그인" type="submit" />
      </form>
    </div>
  </body>
</html>

일단 간단한 로그인 폼을 만들기 위해 login.html 파일을 만들어 주었다. 아이디와 비밀번호를 입력하는 칸이 있고 로그인 버튼을 누르게 되면 서버에 요청을 하게 된다.

tcpServer.js

app.use(express.json());
app.use(express.urlencoded({ extended: false }));
const user = {
  id: 'test',
  password: '1234',
}; // 데이터 베이스를 대신 해줄 user 정보
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/client.html');
});

app.get('/login', (req, res) => {
  res.sendFile(__dirname + '/login.html');
});

app.post('/login', (req, res) => {
  console.log(req.body);
  const id = req.body.user_id;
  const password = req.body.user_pwd;
  console.log(id);
  if (id === user.id && password === user.password) res.redirect('/');
  // 데이터 베이스 연결을 하게 되면 쿼리문이 들어가게 됨
  else res.send('아이디나 비밀번호가 틀렸습니다. ');
});

서버 단에서는 login.html에서 넘겨주는 데이터를 받아야 하기 때문에 json을 읽을 수 있도록 하였다.

app.use(express.json());
app.use(express.urlencoded({ extended: false }));

POST 메소드를 사용하여 로그인을 구현하였다.

로그인을 할 때 아이디와 비밀번호가 req.body 로 넘어오게 되고 login.html에서 user_id, user_pwd로 설정을 하였기 때문에 req.body.user_id 와 req.body.user_pwd 를 id 와 password 에 저장한다.

그리고 미리 설정해둔 user 객체의 정보와 비교하여 올바르다면 localhost:3000/ 로 리다이렉트를 시켜준다.

사용자 정보는 원래 데이터 베이스에 저장하여 비교하여야 하지만 어떤 식으로 돌아가게 되는지 알아보기 위해 임의로

만들었다.

이렇게 로그인이 성공하게 되면 대문자를 보내면 소문자로 바꿔주고 소문자를 보내면 대문자로 바꿔주는 만들어 놓은 소켓 프로그래밍으로 리다이렉트 된다.

'💻 BackEnd > 🟩 NodeJS' 카테고리의 다른 글

[Network] [NodeJS] Socket.IO를 사용하여 소문자를 보내면 대문자로 바꾸기 (0)	2022.04.21
[NodeJS] 사용자 회원가입 (0)	2022.03.27
[NodeJS] 프로젝트 폴더 구조 만들기 (0)	2022.03.23

현재글[Network] [NodeJS] 간단한 로그인 구현

Today :
Yesterday :

일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

💻 준성 개발 일지