Heroku - Github Connect

zwon·2022년 4월 25일
1

Web Front

목록 보기
12/13

Github 에 있는 소스 코드(웹)을 Heroku로 배포할 경우 처음에 App을 만들 때부터 깃헙을 자동으로 연동해주는 방법을 이용한다. 이 때 Push를 해도 자동으로 적용이 되어 엄청 편하다고 한다.

하지만 최근 Github의 보안 정책이 바뀌면서 Github 연동 자체가 안된다...

Github에서 clone으로 따온 디렉토리(내가 들고 있는 소스코드)에서 코드 수정을 하고 다시 이걸 배포를 하고 싶다는 상황을 가정해보자

그럼 내가 수정한 코드가 Github 에도 푸쉬가 되어야 하고, 배포중인 웹(Heroku)에도 적용이 되어야 한다.

이는 로컬에 연동되어 있는 원격 저장소가 2개임을 생각하면 이해하기 쉽다.

위 사진을 보면 원격 저장소가 총 2개이고 ( heroku 와 origin ) 이는 각각 헤로쿠 원격 저장소와 깃헙 원격 저장소임을 알 수 있다.

제일 처음 로컬에서 소스코드를 수정하고 나서 add 와 commit를 통해 변경 사항을 저장한다.

git add .
git commit -m "~~~~"

그 다음 원격 저장소에 각각 푸쉬를 해주면 된다. (이때 순서는 아마도 안중요하지 싶다..?)

먼저 헤로쿠 원격 저장소에 푸쉬해준다.

젤 마지막 문장을 보면

https//zwon-todolist.herokuapp.com/ deployed to Heroku
To https//git.heroku.com/zwon-todolist.git
~~ ~~ main -> main

이라고 나와있다. 정상적으로 푸쉬가 되었는지 확인해본다. (도메인에 직접 들어가본다.)
변경 사항은 Test commit 으로 웹 타이틀을 "zwon's Todo List" 에서 "zwon's Todo list" 로 바꾸었다.

정상적으로 바뀌었다.

이제 깃헙에 푸쉬를 해주자.

위의 경우와 마찬가지로 마지막 문장을 보면

https//github.com/jwseo4074/Todolist_VanilaJS.git
To https//github.com/jwseo4074/todoList.git
~~ ~~ main -> main

이제 깃헙에 제대로 푸쉬가 되었는지 확인해보자.

"Test Commit" 으로 index.html 이 잘 변경되었음을 확인할 수 있다.

1개의 댓글

comment-user-thumbnail
2022년 4월 25일

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

답글 달기