node.js, express, handlebars를 사용하여 웹 서버 시작부터 페이지 제작까지 시도 - 3 heroku에 배포

지난번까지로, node에서의 서버 시작, express와 hbs로의 페이지 제작, 디렉토리의 셋업까지 끝났으므로, 드디어 서버에서 공개하면.
이번은, node 사이트에 대응하고 있다 에 6 에 업할거야.
ftp라든지 zip이라며, Github와 같이, 커멘드 라인으로부터 push 커멘드로, 업 하는 것이다.
계정이 없으면 그냥 만들면 좋습니다.


계정을 만들면 명령 줄에서 heroku에 액세스 할 수 있도록 heroku cli 다운로드합시다.
다운로드 할 수 있으면 확인.

$ heroku -v
 ›   Warning: heroku update available from 7.52.0 to 7.54.1.
heroku/7.52.0 linux-x64 node-v12.21.0

-v옵션으로, 버젼이 돌아오면, 무사하게 인스톨 할 수 있어.
그리고 명령 줄에서 로그인.

$ heroku login

그런 다음 Github과 마찬가지로 SSH 키를 heroku에 등록.

$ heroku keys:add

그럼 heroku에 프로젝트 디렉토리를 제작.

$ heroku create yourapp   // yourappの所は、自分の作ったサイト名、またはアプリの名前に。
Creating ⬢ myapp... done
https://yourapp.herokuapp.com/ | https://git.heroku.com/yourapp.git

그러면 다음 메시지가 표시됩니다.
htps : // 맘 p. 어리석은 p. 코m/ 는 라이브 URL입니다. 여기에 만든 사이트를 배포합니다.
htps : // 기 t. 헤로쿠. 이 m/미 p. 기 t은 git 저장소이며 데이터가 저장됩니다.
heroku에 적용하기 전에 몇 가지 데이터를 다시 작성해 둡시다.
우선 package.json. heroku에 코어 파일 app.js를 실행하도록 설정합니다.

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },

여기를 이런 식으로 다시 씁니다.

  "scripts": {
    "start": "src/app.js"
  },

그런 다음 포트 번호를 변경합니다.

app.js

const port = process.env.PORT || 3030;

app.listen(port, ()=>{
    console.log(`server running on Port:${port}`);
})

그래서 마지막으로 데이터를 heroku로 push

$ git push heroku main

그리고, 업 완료!
방금 전의 htps : // 보자 p. 어리석은 p. 코m/에 방문하면 사이트가 표시되어야합니다.
이제 node를 설치하고 사이트를 만들고 heroku에 배포하기까지 끝났습니다.
다음은 시간 있으면, node로 api를 두드려 데이터를 가져오는 흐름을 설명하려고 생각한다.
곧 바이트의 시간이야.
그럼.