Node.JS 웹사이트를 Heroku에 배포하는 방법

4770 단어 deployherokuwebdev
웹 사이트를 Heroku에 배포하고 싶습니까?

정확히 수행하는 단계는 다음과 같습니다.

요구 사항:


  • Node.js 및 npm이 설치되었습니다.
  • 기존 Node.js 앱.
  • 무료 Heroku 계정입니다.
  • Node.JS 버전이 버전 8보다 높음
  • NPM이 설치되어 있습니다. Node와 함께 설치되니 걱정마세요 :)
  • Git 설치
  • CLI의 현재 프로젝트 디렉토리에 있어야 합니다. 그렇지 않은 경우 cd yourProject를 사용하십시오.

  • 이미 완료했다고 가정하고 시작하겠습니다.

    1. 헤로쿠 다운로드.



    Here에서 운영 체제용 Heroku를 다운로드합니다.

    또는 macbook을 사용하는 경우 다음 명령을 사용하십시오.

    brew install heroku/brew/heroku
    

    2. Heroku로 로그인



    heroku 설치가 완료되면 다음 명령을 실행합니다.

    heroku login
    

    heroku 계정을 CLI와 연결합니다.

    3. 포트 변경



    현재 프로젝트는 로컬 서버에 있습니다. 그러나 우리는 그런 일이 일어나기를 원하지 않습니다. heroku에 배포하고 있으므로 Node.JS 앱에 이 코드를 추가합니다.

    app.listen(process.env.PORT, function() {
      console.log("Listening to port 3000");
    });
    

    포트 3000과 heroku의 서버에서 수신 대기하려면 코드를 다음과 같이 바꾸십시오.

    app.listen(process.env.PORT || 3000, function() {
      console.log("Listening to port 3000");
    });
    

    4. 프로필 생성



    이제 Procfile을 정의해야 합니다.

    이것은 heroku가 앱을 시작하는 방법을 확인하기 위해 확인할 파일입니다.
    .txt 또는 .rtf와 같은 확장자가 없는 Procfile 만들기

    이름은 "Procfile"이어야 합니다.

    프로필에 다음을 추가하십시오.

    web: node yourJsFileName.js
    

    5. Git 및 GitHub 초기화



    다음으로 다음 명령을 사용합니다.

    git init
    

    빈 git 저장소를 초기화합니다.

    그런 다음 다음을 사용합니다.

    git add .
    

    이제 변경 사항을 커밋하려면 다음을 사용하십시오.

    git commit -m "Your Message"
    

    6. 앱 배포



    다음 단계는 앱을 heroku에 배포하는 것입니다.

    다음 명령을 사용하십시오.

    heroku create
    

    새로운 heroku 프로젝트를 생성합니다.

    그러면 웹사이트를 방문할 수 있는 링크가 제공됩니다. 지금은 "Heroku | 새 앱에 오신 것을 환영합니다!"만 표시됩니다. 이것은 프로세스의 일반적인 부분이므로 걱정하지 마십시오.

    이제 코드를 배포하려면 다음 명령을 사용하십시오.

    git push heroku master
    

    이렇게 하면 git을 사용하여 저장된 로컬 버전이 heroku로 푸시됩니다.

    프로세스를 완료하는 데 몇 분 정도 걸립니다.

    성공 메시지로 표시되어야 합니다.

    remote: Verifying deploy...done.
    

    이제 이전에 표시한 링크를 새로고침하면 콘텐츠가 표시됩니다. 이런 일이 발생하면 등을 두드려주십시오.

    다음과 같은 오류가 발생하는 경우:



    걱정할 것 없습니다!

    이것은 웹 사이트가 업로드하는 데 여전히 시간이 걸린다는 것을 의미합니다. 잠시 후 시도하십시오. 그러면 Node.JS 웹사이트가 시작되고 라이브로 표시됩니다!

    이 블로그를 읽어 주셔서 감사합니다.

    다른 플랫폼에 웹 사이트를 배포하려면 이 시리즈의 다양한 블로그를 확인하세요.



    더 이상 사용할 수 없는 기사









    더 이상 사용할 수 없는 기사









    더 이상 사용할 수 없는 기사





    마음에 드셨다면 친구들과 공유하고 기억하세요...

    계속 코딩하세요 👨🏻‍💻

    좋은 웹페이지 즐겨찾기