728x90
반응형

1. exports 로 router 내보내기, 쓰기

app.js에 루트경로로 설정해준후 view라는 폴더안에 page.html과 page.js를 작성한다.

const express = require("express");
const app = express()

app.use(express.static(__dirname));

(1) page.js

const express = require("express");
// express 라우터 설정해보기 express.Router() 반환값이 있는 함수
const router = express.Router();
const fs = require("fs");

router.get("/", (req, res) => {
  fs.readFile("view/page.html", "utf-8", (err, data) => {
    res.send(data);
  });
});

// 설정한 라우터 내보내기
// module.exports로 내보내면 require함수를 이용해서 모듈처럼 받아 올수 있다.
module.exports = router;

(2) page.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    첫페이지
    <form action="/login" method="post">
      <button>사용자 로그인</button>
    </form>
  </body>
</html>

먼저 라우터로 html 을 읽어온다.

 

다음 app.js에서 require로 exports한 router를 가져온다.

const page = require("./view/page");

app.use(page);

2. jwt를 만들고 exports

(1) token.js

// jwt express, router
const jwt = require("jsonwebtoken");
const express = require("express");
const app = express();
const router = express.Router();
const dot = require("dotenv");
dot.config();
const secretkey = process.env.SECRETKEY;
const fs = require("fs");

router.post("/login", (req, res) => {
  const name = "taesk";
  let token = jwt.sign(
    {
      type: "JWT",
      name,
    },
    secretkey,
    {
      expiresIn: "5m",
      issuer: "admin",
    }
  );
  req.session.token = token;
  let temp = {
    msg: "토큰발급됨",
    token,
  };
  fs.readFile("view/page2.html", "utf-8", (err2, data) => {
    res.send(data);
  });
});

//설정한 라우터 내보내기
module.exports = router;

다음 발급한 토큰을 확인하는 verify.js를 만듬

토큰을 확인하는 페이지 page2.html을 작성

(2) veryfy.js

const express = require("express"),
  app = express(),
  router = express.Router();
const jwt = require("jsonwebtoken");

const dot = require("dotenv");
dot.config();
const secretkey = process.env.SECRETKEY;

//app.js에서 use()함수로 요청 url을 설정해서
// /userView url 부터 시작
router.post("/", (req, res) => {
  const token = req.session.token;
  jwt.verify(token, secretkey, (err, decoded) => {
    if (err) {
      console.log("정상적이지 않은 토큰");
    }
    //해석된 객체
    console.log(decoded);
    res.send(decoded);
  });
});

module.exports = router;

(3)  page2.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form action="/userView" method="post">
      <button>사용자 토큰 정보</button>
    </form>
  </body>
</html>

다음 app.js에서 use를 해주면된다.

verify는 경로를 따로 설정해주면된다.

app.use(createToken);
app.use("/userView", verify);

3. 결과

728x90
반응형

'개발 > node.js' 카테고리의 다른 글

[Node.js] access token, refresh token 을 활용하여 로그인 유지시키기  (0) 2022.08.16
[Node.js] 로그인 Access Token, Refresh Token  (0) 2022.08.16
[Node.js] 로그인시 jwt과 session  (0) 2022.08.09
[Node.js] 로그인시 JWT생성  (0) 2022.08.09
[Node.js] 채팅, 귓속말 기능 만들기  (0) 2022.07.29

티스토리툴바