Heroku 배포

in Heroku

개요

  • Heroku를 이용하여 웹 사이트에 내 프로젝트 소스를 배포를 하는 방법을 설명한다.

Heroku란

  • Java, Node.js, Python 등 여러 언어를 지원하는 Paas (Platform-as-a-service) 클라우드 서비스로 간단한 클라우드 기반의 어플리케이션 플랫폼이다.
  • Paas (Platform-as-a-service)란
    • 서비스로서의 플랫폼(Platform-as-a-service, PaaS)은 하드웨어 및 애플리케이션 소프트웨어 플랫폼이 제3사를 통해 제공되는 클라우드 컴퓨팅의
       한 형식입니다. 주로 개발자와 프로그래머가 사용하는 PaaS는 보통 해당 프로세스와 관련된 인프라
       또는 플랫폼을 구축하고 유지관리할 필요 없이 자체 애플리케이션을 개발, 실행 및 관리
       할 수 있도록 해줍니다.

Step 1. Heroku 가입 및 App 생성


  • 아래 사진 처럼 두개의 탭이 보이는데 Create a new app 탭을 클릭한다.

    png


  • App name 설정 및 region을 United States로 설정한다.(무료 이용을 하려면 지역을 United States로 해야한다.)

    png


Step 2. Heroku CLI 설치

  • 이제 Heroku에 내 프로젝트 소스를 올리기 위해 Heroku CLI를 아래 링크를 통해 설치해줘야 한다. (사용 중인 OS에 맞게 다운로드 해서 설치하면 된다)

  • 관리자 권한으로 실행하여 아래 체크 박스를 모두 체크한 뒤 next를 눌러 다운로드 받아준다.

    png


  • 관리자 프롬프트(CMD)나 각 터미널을 실행하여 설치가 잘 되었는지 확인한다. ( 필자는 VS Code를 이용하여 Gitbash 터미널을 사용하였다.)
    1
    heroku --version
    png

Step 3 Github Repository 생성

  • Github 페이지로 들어가 Repository를 생성하여 이름을 Heroku에서 생성한 App 이름과 같이 작성한다. png
    png

Step 4. Heroku 로그인 및 배포

  • 위에서 실행했던 터미널에 아래 코드를 입력하여 Heroku 로그인을 진행한다.
    1
    $ heroku login

    png
    png

  • 경로를 생성한 프로젝트의 폴더로 이동한 뒤 다음 명령어를 통해 git repository를 연결한다.

    1
    2
    $ git init
    $ heroku git:remote -a <app-name>

    png


  • 아래와 같이 Method Not Allowed 가 나오면 정상이다

    png


  • git 사용법과 동일하게 프로젝트를 addcommitpush 한다.

    1
    2
    3
    4
    $ git add .
    $ git commit -am "first commit"
    $ git push heroku master
    # git push 에서 에러가 발생한다면 git push heroku HEAD:master로 하길

  • Verifying deploy... done. 메세지가 나오면 정상적으로 Git 연동 완료

png


Step 5. 웹상 확인

Comment and share


개요

  • Git hub의 새로운 Repository를 만들어 팀원들과 함께 관리를 할 수 있게 권한을 주는 과정을 설명한다.

Step 1. Repositoy 생성

  • Git hub 홈페이지 repository를 생성해준다.

    • 아래 체크 박스에 있는 항목들은 필요에 따라서 선택적으로 체크하면 된다.

    png


Step 2. 폴더에 Git 연동하기

  • 아래 사진의 네모 상자의 코드를 입력하면 연동이 완료된다.( 기존 git hub 새로운 repository연동과 같다)

    png

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    echo "# Kakaotalk_chatbot_finance_" >> README.md       # READ.ME 파일에 " " 부분이 입력이 된다.
    git init
    git add README.md
    git commit -m "first commit"
    git branch -M main
    git remote add origin https://github.com/AHNDUHONG/Kakaotalk_chatbot_finance_.git
    git push -u origin main # git push <remote> <branch>로 한번 저장하여 베포한 뒤 git push만으로 베포 가능

    # 이 코드는 필자가 만든 Repository에 맞게 생성된 코드들이기 때문에 각자 Repository에 맞게
    # 수정하길 바란다.

  • 필자는 repository에 이미 만들어진 폴더가 있기 때문에 git push를 입력 했을때 오류가 발생했다.

    png

    png


Git 연동 과정 중 오류 발생 및 해결

  • 위의 오류는 내 컴퓨터 저장소의 폴더에 없는 파일이 이미 내 Github Repository에 기록 되어있기때문에 생기는 것 이므로 git pull로 파일을 가져오기로 한다.

    • git remote -v 로 원격 저장소 이름을 확인 한다.

    png


    • 위 사진으로 확인한 origin 저장소를 main branch로 pull을 하기 위해 git pull origin main 작성

      png


    • fatal: refusing to merge unrelated histories 오류가 발생하여 git pull origin 브런치명 --allow-unrelated-histories 을 사용하여 오류 해결

      • --allow-unrelated-histories 이 명령 옵션은 이미 존재하는 두 프로젝트의 기록(history)을 저장하는 드문 상황에 사용된다고 한다. 즉, git에서는 서로 관련 기록이 없는 이질적인 두 프로젝트를 병합할 때 기본적으로 거부하는데, 이것을 허용해 주는 것이다.

      png


  • 아래와 같이 bash 폴더가 생성되면 성공적으로 파일을 Git에 연동한 것이다.

    png


Step 3. Git Contributors 추가하기 (다른 사람에게 Repository 수정 및 생성 권한 주기)

  • Github 홈페이지로 돌아와서 각자가 만든 Repository에 접속하여 Settings > Collaborators > Manage access 경로로 들어가 Add people로 권한을 줄 사람을 추가한다.

    png


  • Github USERNAME, FULL NAME, Email 으로 추가가 가능하다.

    png


  • 추가한 사람의 허용을 받으면 Pending Invite 가 사라진다.

    png


Step 4. Branch 만들기

  • Branch 확인을 한다

    • 필자가 현재 사용하고 있는 branch는 master다.
    • 아래 사진은 모든 branch를 *로 나타내고 그 중 현재 사용중인 branch를 초록색으로 보여준다.

    png


  • Branch 만들기

    1
    git branch (`원하는 branch명`)
  • Branch 확인

    1
    git branch
  • 필자는 팀원의 개개인의 이니셜로 Branch를 생성했다.

    png


  • 개개인의 Branch로 접속하는 코드는 아래와 같다

    1
    git checkout <Branch명>

Step 5. Branch 상태에서 push, pull 하기

  • Push
    • 임의로 README에 데이터 추가 후 add, commit, push 하기

      이때 add, commit은 동일한 방식을 사용하고 push는 맨 처음 할 때는 아래와 같은 코드를 사용 해주어야 그 뒤부터는 간단하게 push로 사용이 가능하다.

      1
      git push --set-upstream origin <branch명>
    • branch를 만든 후 첫 push를 할 경우

      코드 수정

      1
      2
      3
      4
      5
      6
      7
      # 1. add
      git add .
      # 2. commit
      git commit -m "commit할 내용"
      # 3. push
      git push --set-upstream origin <Branch명>

    • 아래 사진과 같이 생성한 Branch로 push되었음을 확인할 수 있다.

      png

참고

  • git branch를 활용하여 팀 프로젝트를 진행하려면 모든 팀원이 git의 개념에 대해 정확히 알고 있어야 하므로 숙련자가 아닌 사용자가 사용하기엔 적합하지 않습니다(오류가 발생했을 시 해결하는 과정 rollback 등 복잡한 과정이 생겨 프로젝트에 대한 시간을 소모하는 것이 아닌 git에 대한 시간을 소모하는 시간이 주가 될수 있다.) 혹시나 git 개념에 대해 자세히 알고 싶으신 분은 아래의 링크를 참고하여 아래 링크부터 순차적으로 작성된 글을 보시는 것을 권합니다.

Comment and share

개요

  • 카카오톡 채널을 만들고 챗봇 오픈 빌더(OBT)를 만드는 과정을 보여준다.

카카오톡 채널 관리자 가입


  • 프로필 사진, 채널 이름, 검색용 아이디 등 채널을 만든다. png
    png

카카오톡 챗봇 오픈 빌더(OBT) 신청

  • 챗봇 관리자센터 OBT를 신청해야 해당 채널 챗봇을 만들수가 있으므로 작성한 뒤 신청한다.

  • 구글 검색창에서 카카오톡 오픈 빌더를 검색한다.

    png


    png


  • 만들었던 카카오톡 채널 대시보드로 이동한 뒤 관리 - 상세설정 으로 들어간다.

    png


  • 채널 URL을 복사

    png

  • 복사한 채널 URL을 아래 사진과 같이 붙여넣기 후 신청 사유를 작성하여 신청한다.

    • 신청사유에 자세한 사유를 입력해야 승인을 해준다고 그랬으니 참고 바랍니다.

    png


  • 아래와 같은 안내가 나오면 신청은 완료된 것이다.

    png

Comment and share

  • 이 글은 필자가 경험한 오류를 해결하는 과정을 기록한 내용입니다.

개요

  • Microsoft Visual Studio(Vs code) unins000.exe 액세스 거부로 인한 설치 오류가 발생하여 해결하는 과정을 설명한다.

Unins000.exe 오류

  • Vs code를 사용하는 도중 Microsoft Visual Studio(Vs code) unins000.exe 액세스 거부 오류가 발생했다.
    png
  • unins000.exe 에러는 “실행시간 에러”로 프로그램을 실행 중에 발생하는 에러다, 이 에러는 Microsoft Visual Studio Code(Vs code) 프로그램의 새로운 업데이트를 실행 하려는데 사용자의 권한이 없어 발생하는 오류이다.

오류 해결방법

  • 오류 해결 방법으로는 Microsoft Visual Studio Code(VS code)가 설치되어 있는 폴더의 권한을 변경하여 액세스 오류를 해결할 수 있다.
    • Microsoft VS code 폴더(기본 설치 경로는 C:/Programfiles/Microsoft VS code) 속성 보안 사용자에 모든 권한 허용으로 변경한 뒤 적용을 한다.
    • VS code를 실행할 때 관리자 권한으로 실핸한다.

https://github.com/microsoft/vscode/issues/75367

Comment and share

  • page 1 of 1
Author's picture

Winters

개발자를 꿈꾸는 어른이


개발자(예비)


대한민국/서울