해커그라운드 해커톤에 참여하는 다섯가지자아
팀의 주르르
입니다.
아래 두 링크는 해커톤에서 앱을 개발하면서 참고할 만한 문서들입니다. 이 문서들에서 언급한 서비스 이외에도 더 많은 서비스들이 PaaS, SaaS, 서버리스 형태로 제공되니 참고하세요.
아래 제공하는 설치 방법을 통해 심사위원단이 여러분의 제품/서비스를 실제 Microsoft 애저 클라우드에 배포하고 설치할 수 있어야 합니다. 만약 아래 설치 방법대로 따라해서 배포 및 설치가 되지 않을 경우 본선에 진출할 수 없습니다.
여러분의 제품/서비스를 Microsoft 애저 클라우드에 배포하기 위해 사전에 필요한 준비 사항들을 적어주세요.
Step1. 에저포탈에 접속한다.








먼저 리소스그룹을 선택해준다. Step3
에서 선택한 리소스그룹과 같은 그룹을 선택해주면 된다.

이름을 입력해준다.

그다음 링크에 들어가서 깃허브 포크를 받아준다.

그리고 이름을 설정해준다.

여기서 자신의 이름가 위에서 설정한 포크한 레포지토리 이름을 선택해준다.
조직 : {자기 GitHub ID}
레포지토리 : {바꾸지 않았다면 hg-FiveSelves 포크할때 바꿔다면 바꾼 레포 이름}
브랜치 : {main}

main 브랜치를 선택해주어야한다.
그리고 조금 기다리면 빌드세부 정보를 선택할 수 있는데 거기서 앱 위치를 ./client로 설정해준다. (보통은 자동으로 된다.)

검토 + 만들기를 클릭해서 검토를 먼저해준다.

만들기를 클릭해서 서비스를 만들어준다.

조금만 기다려주면

배포가 완료된다.

리소스로 이동을 클릭

"만약 배포가 완료됨"이 안떴는데 리소스로 이동했다면

상태가 "준비됨"이 될때까지 기다려주어야한다. 이때 무작정 기다리지 말고 가끔씩 리프레쉬해주어야한다.

URL 부분을 확인하면 배포 URL을 확인할 수 있다.

배포는 끝이다

깃허브에 push를 하게되면 자동으로 CI/CD가 작동하는 것을 확인할 수 있다.

링크에 들어가서 깃허브 포크를 받아준다.

그리고 이름을 설정해준다.




Name - DOCKER_NICKNAME
Secret - {도커 유저 닉네임}
이것을 한번더 반복
Name - DOCKER_USERNAME
Secret - {도커 유저 네임}
이것을 한번더 반복
Name - DOCKER_PASSWORD
Secret - {도커 비밀번호 입력}
- NICKNAME, USERNAME, PASSWORD이란?
https://login.docker.com에서 첫 번째 공란이 USERNAME, 아래에 비밀번호 부분이 PASSWORD

위에 과정을 토대로 로그인을 한 후

프로필 사진을 누르면 나오는 닉네임이 즉 NICKNAME됩니다.

배포가 완료되는 것이 확인되면 다음으로 넘어가면 된다
Step1. 에저포탈에 접속한다.








컨테이너로 넘어가기

바인딩을 지나 수신으로 넘어가기

왼쪽 하단에 '검토 + 만들기'를 누른 후 '만들기'를 누르기



그 후 '연속 배포 시작' 클릭
이제 메인브렌치가 바뀔 때 마다 배포가 됩니당

만약 빌드를 하는 과정중에 이 에러가 발생한다면...


에저에가서 이 토큰을 메모해두고

WorkFlow File을 클릭해서 에저 시크릿키 이름을 메모한다.

위에는 시크릿키 이름을 밑에는 에저에서 복사한 시크릿키를 넣어주면

정상적으로 잘 작동한다.