카페24 배포(2)

카페 24를 통해서 node.js를 배포하는 과정을 설명하는 글입니다.

프로젝트 구성

---

먼저 리액트 프로젝트에서 build 커맨드를 실행시켜 빌드시켜줍니다.
그러면 build 폴더가 생깁니다.

다음으로 새로운 폴더에 express 서버를 만들어 줍니다.

npm install express

그리고 이 폴더에 아까 만든 build 폴더안의 내용을 모두 옮겨줍니다.

web.js

var express = require("express");
var path = require("path");
var app = express();
var PORT = 8001;

app.use(express.static(__dirname));
app.get("/[^.]+$", function (req, res) {
  res
    .set("Content-Type", "text/html")
    .sendFile(path.join(__dirname, "./index.html"));
});
app.listen(PORT, () => {
  console.log(`server started on PORT ${PORT}`);
});

카페 24 는 8001 포트를 사용합니다! 이 점을 주의해서 express 서버 코드를 작성합니다.
그리고 보통 index.js 를 실행하지만, 카페24 는 web.js 이므로 이점에 주의해줍시다!!

start command

카페 24 는 default 값으로 npm start 를 사용해서 서버를 실행합니다. 따라서 package.json 에

"scripts": {
    "start": "node ./web.js"
  }

를 추가해줍니다.

test

먼저 로컬 환경에서 npm start 를 실행시켜서 잘 동작하는지 확인합니다. 잘 동작한다면 다음단계로 넘어갑니다.

git push

---

카페 24 에 앱 생성/관리 탭에서 git 주소를 확인할 수 있습니다.

방금 만든 프로젝트를 이 git 주소로 push 해주면 실행화면을 확인 할 수 있습니다.
우리가 만든 배포용 폴더에서

git remote add cafe24 master "카페24 깃 주소"
git add .
git commit -m "init"
git push cafe24 master

순으로 커맨드를 입력해주면 배포 완료입니다!

단 카페24는 push 한 후, 서버를 중지시키고 다시 실행시켜주어야 반영됩니다.