심심풀이 개발

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

WebHack 2023. 6. 1. 18:05
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"),
};
사용하면 됨