본문 바로가기
심심풀이 개발

ㅇ NextJS server.js localhost https로 사용하기(개발 용)

by WebHack 2023. 6. 1.
const { createServer } = require("https");
const { parse } = require("url");
const next = require("next");
const fs = require("fs");

const hostname = "localhost";
const port = 3000;

const dev = process.env.NODE_ENV !== "production";
const app = next({ dev, hostname, port });
const handle = app.getRequestHandler();

const httpsOptions = {
  key: fs.readFileSync("localhost+1-key.pem"),
  cert: fs.readFileSync("localhost+1.pem"),
};

try {
  app.prepare().then(() => {
    createServer(httpsOptions, async (req, res) => {
      try {
        const parsedUrl = parse(req.url, true);
        await handle(req, res, parsedUrl);
      } catch (err) {
        console.error("Error occurred handling", req.url, err);
        res.statusCode = 500;
        res.end("internal server error");
      }
    }).listen(port, (err) => {
      if (err) throw err;
      console.log(`> Ready on https://${hostname}:${port}`);
    });
  });
} catch(err) {
  console.error(err);
  process.exit(1);
}

1. https://github.com/FiloSottile/mkcert 설치
2. 프로젝트 최상위 디렉토리(server.js가 있는곳)에서 mkcert -install 실행
3. mkcert localhost 127.0.0.1 실행(pem 파일이 2개 만들어짐)

server.js에서
const httpsOptions = {
  key: fs.readFileSync("localhost+1-key.pem"),
  cert: fs.readFileSync("localhost+1.pem"),
};
사용하면 됨

 

 

'심심풀이 개발' 카테고리의 다른 글

heroku에 노드 채팅 올리기  (0) 2022.08.10
eslint 설정 파일  (0) 2020.07.18
자바스크립트 트렌드 확인  (0) 2020.06.27
CSS Flex 정리 잘 된곳  (0) 2020.06.27
data-reactid 삭제 하기  (0) 2020.06.02