CodeCatalyst 소스 리포지토리 및 단일 페이지 애플리케이션 청사진 시작하기 - 아마존 CodeCatalyst
블루프린트가 포함된 프로젝트 만들기프로젝트의 리포지토리 보기Dev Environment 생성풀 요청 생성풀 리퀘스트 병합배포된 코드 보기리소스 정리

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

CodeCatalyst 소스 리포지토리 및 단일 페이지 애플리케이션 청사진 시작하기

이 자습서의 단계를 따라 Amazon에서 소스 리포지토리를 사용하는 방법을 알아보십시오. CodeCatalyst

CodeCatalyst Amazon에서 소스 리포지토리 작업을 시작하는 가장 빠른 방법은 템플릿을 사용하여 프로젝트를 생성하는 것입니다. 템플릿을 사용하여 프로젝트를 생성하면 샘플 코드가 포함된 소스 리포지토리를 비롯한 리소스가 자동으로 생성됩니다. 이 리포지토리와 코드 예제를 사용하여 다음 방법을 배울 수 있습니다.

  • 프로젝트의 소스 리포지토리 보기 및 콘텐츠 찾아보기

  • 코드 작업을 할 수 있는 새 브랜치로 개발 환경을 만드세요.

  • 파일 변경, 변경 사항 커밋 및 푸시

  • 풀 리퀘스트를 만들고 다른 프로젝트 멤버와 함께 코드 변경사항을 검토하세요.

  • 프로젝트의 워크플로를 확인하고, 풀 요청의 소스 브랜치에서 변경 사항을 자동으로 빌드하고 테스트하십시오.

  • 소스 브랜치의 변경사항을 대상 브랜치에 병합하고 풀 리퀘스트를 종료합니다.

  • 병합된 변경 사항이 자동으로 빌드되고 배포되었는지 확인하세요.

이 튜토리얼을 최대한 활용하려면 풀 리퀘스트를 통해 함께 작업할 수 있도록 다른 사람들을 프로젝트에 초대하세요. 에서 CodeCatalyst 이슈를 생성하여 풀 리퀘스트와 연결하거나 알림을 구성하고 관련 워크플로가 실행될 때 알림을 받는 등의 추가 기능을 살펴볼 수도 있습니다. 전체 탐색은 CodeCatalyst 을 참조하십시오시작하기 튜토리얼.

블루프린트가 포함된 프로젝트 만들기

프로젝트를 만드는 것은 함께 작업할 수 있는 첫 번째 단계입니다. 블루프린트를 사용하여 프로젝트를 만들 수 있으며, 이렇게 하면 샘플 코드가 포함된 소스 리포지토리와 코드를 변경할 때 코드를 자동으로 빌드하고 배포하는 워크플로도 생성됩니다. 이 튜토리얼에서는 단일 페이지 애플리케이션 블루프린트로 만든 프로젝트를 안내해 드리지만 소스 리포지토리가 있는 모든 프로젝트의 절차를 따를 수 있습니다. 프로젝트를 생성할 때 IAM 역할을 선택하거나 IAM 역할이 없는 경우 IAM 역할을 추가하세요. 이 프로젝트에는 CodeCatalystWorkflowDevelopmentRole-spaceName서비스 역할을 사용하는 것이 좋습니다.

이미 프로젝트가 있는 경우 다음으로 건너뛰어도 됩니다. 프로젝트의 리포지토리 보기

참고

스페이스 관리자 또는 고급 사용자 역할을 가진 사용자만 에서 CodeCatalyst 프로젝트를 만들 수 있습니다. 이 역할이 없고 이 자습서에서 작업할 프로젝트가 필요한 경우, 이러한 역할 중 하나를 가진 사람에게 프로젝트를 만들어 달라고 요청하고 생성된 프로젝트에 사용자를 추가해 달라고 요청하세요. 자세한 정보는 사용자 역할을 통한 액세스 권한 부여을 참조하세요.

블루프린트로 프로젝트를 만들려면

  1. CodeCatalyst 콘솔에서 프로젝트를 만들려는 스페이스로 이동합니다.

  2. 스페이스 대시보드에서 프로젝트 생성을 선택합니다.

  3. '블루프린트로 시작하기'를 선택합니다.

    작은 정보

    Amazon Q에서 청사진을 제안하도록 하기 위한 프로젝트 요구 사항을 Amazon Q에 제공하여 청사진을 추가할 수 있습니다. 자세한 내용은 프로젝트를 생성하거나 기능을 추가할 때 Amazon Q를 사용하여 청사진을 선택합니다. 및 Amazon Q를 사용하여 프로젝트를 생성하거나 블루프린트로 기능을 추가하는 모범 사례 섹션을 참조하세요. 이 기능은 미국 서부 (오레곤) 지역에서만 사용할 수 있습니다.

    이 기능을 사용하려면 해당 공간에 제너레이티브 AI 기능을 활성화해야 합니다. 자세한 내용은 제너레이티브 AI 기능 관리를 참조하십시오.

  4. CodeCatalyst 블루프린트 또는 스페이스 블루프린트 탭에서 블루프린트를 선택하고 다음을 선택합니다.

  5. 프로젝트 이름 아래에 프로젝트에 할당하려는 이름과 관련 리소스 이름을 입력합니다. 이름은 스페이스 내에서 고유해야 합니다.

  6. (선택 사항) 기본적으로 블루프린트로 만든 소스 코드는 CodeCatalyst 리포지토리에 저장됩니다. 또는 블루프린트의 소스 코드를 타사 리포지토리에 저장하도록 선택할 수 있습니다. 자세한 정보는 확장 기능을 사용하여 프로젝트에 기능 추가 CodeCatalyst을 참조하세요.

    중요

    CodeCatalyst 연결된 리포지토리의 기본 브랜치 변경 감지를 지원하지 않습니다. 연결된 저장소의 기본 분기를 변경하려면 먼저 연결을 해제하고 기본 분기를 변경한 다음 다시 연결해야 합니다. CodeCatalyst 자세한 정보는 GitHub 리포지토리, Bitbucket 리포지토리, 프로젝트 리포지토리, GitLab Jira 프로젝트 연결 CodeCatalyst을 참조하세요.

    가장 좋은 방법은 리포지토리를 연결하기 전에 항상 최신 버전의 확장 프로그램을 사용하는 것입니다.

    사용하려는 타사 저장소 공급자에 따라 다음 중 하나를 수행하십시오.

    • GitHub 리포지토리: 계정을 연결합니다. GitHub

      고급 드롭다운 메뉴를 선택하고 리포지토리 GitHub 공급자로 선택한 다음 블루프린트에서 만든 소스 코드를 저장할 GitHub 계정을 선택합니다.

      참고

      GitHub 계정을 연결하는 경우 개인 연결을 만들어 ID와 ID 간에 ID 매핑을 설정해야 합니다. CodeCatalyst GitHub 자세한 내용은 개인 연결 및 개인적인 연결을 통해 GitHub 리소스에 접근하기 섹션을 참조하세요.

    • 비트버킷 리포지토리: Bitbucket 작업 공간을 연결합니다.

      고급 드롭다운 메뉴를 선택하고 Bitbucket을 리포지토리 공급자로 선택한 다음 블루프린트로 만든 소스 코드를 저장할 Bitbucket 작업 공간을 선택합니다.

    • GitLab 리포지토리: 사용자를 연결합니다. GitLab

      고급 드롭다운 메뉴를 선택하고 리포지토리 GitLab 제공자로 선택한 다음 블루프린트에서 만든 소스 코드를 저장할 GitLab 사용자를 선택합니다.

  7. 프로젝트 리소스에서 블루프린트 파라미터를 구성합니다. 블루프린트에 따라 소스 리포지토리 이름을 지정하는 옵션이 있을 수 있습니다.

  8. (선택 사항) 선택한 프로젝트 매개 변수에 따라 업데이트된 정의 파일을 보려면 프로젝트 미리 보기 생성에서 코드 보기 또는 워크플로 보기를 선택합니다.

  9. (선택 사항) 블루프린트 카드에서 세부 정보 보기를 선택하면 블루프린트의 아키텍처 개요, 필요한 연결 및 권한, 블루프린트가 생성하는 리소스 종류 등 블루프린트에 대한 구체적인 세부 정보를 볼 수 있습니다.

  10. 프로젝트 만들기를 선택합니다.

프로젝트를 생성하거나 프로젝트 초대를 수락하고 로그인 프로세스를 완료하면 바로 프로젝트 개요 페이지가 열립니다. 새 프로젝트의 프로젝트 개요 페이지에는 미해결 이슈나 풀 리퀘스트가 없습니다. 선택적으로 이슈를 생성하여 자신에게 배정할 수 있습니다. 프로젝트에 다른 사람을 초대할 수도 있습니다. 자세한 내용은 에서 이슈 생성 CodeCatalyst 및 프로젝트에 사용자 초대하기 섹션을 참조하세요.

프로젝트의 리포지토리 보기

프로젝트 멤버는 프로젝트의 소스 리포지토리를 볼 수 있습니다. 추가 리포지토리를 만들도록 선택할 수도 있습니다. 스페이스 관리자 역할을 가진 사용자가 리포지토리, GitHub Bitbucket 리포지토리 또는 리포지토리 확장을 설치하고 구성한 경우 확장 프로그램에 구성된 GitHub 계정, GitLab Bitbucket 작업 영역 또는 사용자에 타사 리포지토리로 연결되는 링크를 추가할 수도 있습니다. GitLab 자세한 내용은 소스 리포지토리 생성 및 빠른 시작: 확장 프로그램 설치, 공급자 연결, 리소스 연결 CodeCatalyst 섹션을 참조하세요.

참고

단일 페이지 애플리케이션 블루프린트로 만든 프로젝트의 경우 샘플 코드가 들어 있는 소스 리포지토리의 기본 이름은 spa-app입니다.

프로젝트의 소스 리포지토리로 이동하려면

  1. 프로젝트로 이동하여 다음 중 하나를 수행하십시오.

    • 프로젝트 요약 페이지의 목록에서 원하는 리포지토리를 선택한 다음 리포지토리 보기를 선택합니다.

    • 탐색 창에서 코드를 선택한 다음 소스 리포지토리를 선택합니다. 소스 리포지토리의 목록에서 리포지토리 이름을 선택합니다. 필터 막대에 리포지토리 이름의 일부를 입력하여 리포지토리 목록을 필터링할 수 있습니다.

  2. 리포지토리 홈 페이지에서 리포지토리의 콘텐츠와 관련 리소스에 대한 정보 (예: pull request 및 워크플로 수) 를 볼 수 있습니다. 기본적으로 기본 브랜치의 콘텐츠가 표시됩니다. 드롭다운 목록에서 다른 브랜치를 선택하여 보기를 변경할 수 있습니다.

리포지토리의 개요 페이지에는 이 리포지토리 및 해당 파일의 분기에 대해 구성된 워크플로우 및 풀 리퀘스트에 대한 정보가 포함되어 있습니다. 프로젝트를 방금 생성한 경우 코드를 빌드, 테스트 및 배포하기 위한 초기 워크플로는 완료하는 데 몇 분 정도 걸리므로 계속 실행됩니다. 관련 워크플로우 아래에서 숫자를 선택하여 관련 워크플로와 해당 상태를 볼 수 있지만 이렇게 하면 CI/CD의 워크플로 페이지가 열립니다. 이 자습서에서는 개요 페이지에 머물면서 리포지토리의 코드를 살펴보세요. README.md파일 내용은 이 페이지의 리포지토리 파일 아래에 표시됩니다. 파일에는 기본 분기의 내용이 표시됩니다. 다른 브랜치가 있는 경우 해당 컨텐츠가 표시되도록 파일 보기를 변경할 수 있습니다. .codecatalyst폴더에는 워크플로 YAML 파일 등 프로젝트의 다른 부분에 사용되는 코드가 들어 있습니다.

폴더 내용을 보려면 폴더 이름 옆에 있는 화살표를 선택하여 폴더를 확장합니다. 예를 들어 src 옆에 있는 화살표를 선택하면 해당 폴더에 포함된 단일 페이지 웹 응용 프로그램의 파일을 볼 수 있습니다. 파일의 콘텐츠를 보려면 목록에서 선택합니다. 그러면 파일 보기가 열리고 여러 파일의 내용을 찾아볼 수 있습니다. 콘솔에서도 단일 파일을 편집할 수 있지만, 여러 파일을 편집하려면 개발 환경을 만들어야 합니다.

Dev Environment 생성

Amazon CodeCatalyst 콘솔의 소스 리포지토리에 파일을 추가하고 변경할 수 있습니다. 하지만 여러 파일 및 브랜치를 효과적으로 사용하려면 개발 환경을 사용하거나 리포지토리를 로컬 컴퓨터에 복제하는 것이 좋습니다. 이 자습서에서는 브랜치 이름이 지정된 AWS Cloud9 개발 환경을 만들어 보겠습니다. develop 다른 브랜치 이름을 선택할 수 있지만 브랜치에 develop 이름을 지정하면 이 튜토리얼의 뒷부분에서 pull 요청을 생성할 때 코드를 빌드하고 테스트하는 워크플로가 자동으로 실행됩니다.

작은 정보

개발자 환경을 사용하는 대신 또는 추가로 로컬에서 리포지토리를 복제하려는 경우 로컬 컴퓨터에 Git이 설치되어 있는지 또는 IDE에 Git이 포함되어 있는지 확인하십시오. 자세한 정보는 소스 리포지토리 작업을 위한 설정을 참조하세요.

새 브랜치를 사용하여 개발 환경을 만들려면

  1. https://codecatalyst.aws/ 에서 CodeCatalyst 콘솔을 엽니다.

  2. 개발 환경을 생성하려는 스페이스로 이동합니다.

  3. 프로젝트의 소스 리포지토리 목록에서 리포지토리 이름을 선택합니다. 또는 탐색 창에서 코드를 선택하고 소스 리포지토리를 선택한 다음 개발 환경을 만들려는 리포지토리를 선택합니다.

  4. 리포지토리 홈 페이지에서 개발 환경 생성을 선택합니다.

  5. 드롭다운 메뉴에서 지원되는 IDE를 선택합니다. 자세한 정보는 개발 환경을 위해 지원되는 통합 개발 환경을 참조하세요.

  6. 복제할 리포지토리를 선택하고, 새 브랜치에서 작업을 선택하고, 브랜치 이름 필드에 브랜치 이름을 입력하고, 다음에서 브랜치 생성 드롭다운 메뉴에서 새 브랜치를 만들 브랜치를 선택합니다.

  7. 원하는 경우 개발 환경의 별칭을 추가할 수 있습니다.

  8. 선택적으로 개발 환경 구성 편집 버튼을 선택하여 개발 환경의 컴퓨팅, 스토리지 또는 제한 시간 구성을 편집합니다.

  9. 생성을 선택합니다. 개발 환경이 생성되는 동안 개발 환경 상태 열에 시작 중이 표시되고, 개발 환경이 생성되면 상태 열에 실행 중이 표시됩니다. 선택한 IDE의 개발 환경과 함께 새 탭이 열립니다. 코드를 편집하고 변경 내용을 커밋 및 푸시할 수 있습니다.

개발 환경을 만든 후에는 파일을 편집하고, 변경 사항을 커밋하고, 변경 사항을 test 브랜치에 푸시할 수 있습니다. 이 자습서에서는 src 폴더 내 App.tsx 파일에 있는 <p> 태그 사이의 내용을 편집하여 웹 페이지에 표시되는 텍스트를 변경해 보세요. 변경 사항을 커밋하고 푸시한 다음 CodeCatalyst 탭으로 돌아가십시오.

AWS Cloud9 개발 환경에서 변경 사항을 적용하고 적용하려면

  1. 에서 AWS Cloud9사이드 탐색 메뉴를 확장하여 파일을 찾아보십시오. src펼치고 엽니다App.tsx.

  2. <p>태그 안의 텍스트를 변경하세요.

  3. 파일을 저장한 다음 Git 메뉴를 사용하여 변경 사항을 커밋하고 푸시합니다. 또는 터미널 창에서 및 git push 명령을 사용하여 변경 내용을 커밋하고 푸시할 수도 있습니다. git commit 

    git commit -am "Making an example change"
git push
    작은 정보

    Git 명령을 성공적으로 실행하려면 터미널의 디렉터리를 Git 리포지토리 디렉터리로 변경해야 할 수 있습니다.

풀 요청 생성

풀 리퀘스트를 사용하면 코드 변경 사항을 공동으로 검토하여 사소한 변경 사항이나 수정 사항, 주요 기능 추가 사항 또는 출시된 소프트웨어의 새 버전을 확인할 수 있습니다. 이 자습서에서는 풀 요청을 만들어 테스트 브랜치에 적용한 변경 사항을 기본 브랜치와 비교하여 검토해 보겠습니다. 템플릿으로 만든 프로젝트에서 풀 리퀘스트를 만들면 관련 워크플로 (있는 경우) 의 실행도 시작됩니다.

풀 리퀘스트를 만들려면

  1. 프로젝트로 이동합니다.

  2. 다음 중 하나를 수행하십시오.

    • 탐색 창에서 코드를 선택하고 풀 요청을 선택한 다음 풀 요청 생성을 선택합니다.

    • 리포지토리 홈 페이지에서 추가를 선택한 다음 풀 리퀘스트 생성을 선택합니다.

    • 프로젝트 페이지에서 풀 리퀘스트 생성을 선택합니다.

  3. 소스 리포지토리에서 지정된 소스 리포지토리가 커밋된 코드를 포함하는 리포지토리인지 확인합니다. 이 옵션은 리포지토리의 기본 페이지에서 풀 리퀘스트를 만들지 않은 경우에만 나타납니다.

  4. 대상 브랜치에서 코드를 검토한 후 병합할 브랜치를 선택합니다.

  5. 소스 브랜치에서 커밋된 코드가 들어 있는 브랜치를 선택합니다.

  6. 풀 리퀘스트 제목에 다른 사용자가 검토해야 할 내용과 이유를 이해하는 데 도움이 되는 제목을 입력합니다.

  7. (선택 사항) 풀 요청 설명에 문제 링크 또는 변경 내용 설명과 같은 정보를 입력합니다.

    작은 정보

    Pull Request에 포함된 변경 사항에 대한 설명을 CodeCatalyst 자동으로 생성하도록 나를 위한 설명 쓰기를 선택할 수 있습니다. 자동으로 생성된 설명을 풀 리퀘스트에 추가한 후 변경할 수 있습니다.

    이 기능을 사용하려면 스페이스에 대해 제너레이티브 AI 기능을 활성화해야 하며 연결된 리포지토리의 풀 요청에는 사용할 수 없습니다. 자세한 내용은 제너레이티브 AI 기능 관리를 참조하십시오.

  8. (선택 사항) 이슈에서 이슈 연결을 선택한 다음 목록에서 이슈를 선택하거나 해당 ID를 입력합니다. 이슈의 연결을 해제하려면 연결 해제 아이콘을 선택합니다.

  9. (선택 사항) 필수 검토자에서 필수 검토자 추가를 선택합니다. 프로젝트 멤버 목록에서 선택하여 추가합니다. 풀 리퀘스트를 대상 브랜치에 병합하려면 먼저 필수 검토자가 변경 사항을 승인해야 합니다.

    참고

    검토자를 필수 검토자와 선택적 검토자로 모두 추가할 수는 없습니다. 자신을 리뷰어로 추가할 수 없습니다.

  10. (선택 사항) 선택적 검토자에서 선택적 검토자 추가를 선택합니다. 프로젝트 멤버 목록에서 선택하여 추가합니다. 선택적 검토자는 풀 리퀘스트를 대상 브랜치에 병합하기 전에 변경 사항을 요구 사항으로 승인할 필요가 없습니다.

  11. 브랜치 간의 차이점을 검토하세요. 풀 리퀘스트에 표시되는 차이는 소스 브랜치의 수정 버전과 풀 리퀘스트가 생성된 시점의 대상 브랜치의 헤드 커밋인 병합 베이스 사이의 변경 내용입니다. 변경 사항이 표시되지 않으면 브랜치가 동일하거나 소스와 대상 모두에 대해 동일한 브랜치를 선택했을 수 있습니다.

  12. 풀 리퀘스트에 검토하려는 코드와 변경 사항이 포함되어 있다고 판단되면 [Create] 를 선택합니다.

    참고

    풀 리퀘스트를 생성한 후 코멘트를 추가할 수 있습니다. 풀 리퀘스트나 파일의 개별 라인, 전체 풀 리퀘스트에 댓글을 추가할 수 있습니다. @ 기호 뒤에 파일 이름을 붙여 파일 등의 리소스에 링크를 추가할 수 있습니다.

개요를 선택한 다음 워크플로 실행 아래의 풀 요청 세부 정보 영역에 있는 정보를 검토하면 이 풀 요청을 만들 때 시작된 관련 워크플로에 대한 정보를 볼 수 있습니다. 워크플로 실행을 보려면 실행을 선택합니다.

작은 정보

브랜치 이름을 이외의 develop 이름으로 지정한 경우 변경 사항을 빌드하고 테스트하는 워크플로가 자동으로 실행되지 않습니다. 이를 구성하려면 onPullRequestBuildAndTest워크플로의 YAML 파일을 편집하세요. 자세한 정보는 워크플로 생성을 참조하세요.

이 풀 리퀘스트에 댓글을 달고 다른 프로젝트 멤버에게 댓글을 달아달라고 요청할 수 있습니다. 선택적 검토자 또는 필수 검토자를 추가하거나 변경할 수도 있습니다. 리포지토리의 소스 브랜치를 더 변경하도록 선택하고 커밋된 변경 사항으로 인해 풀 리퀘스트에 대한 수정이 어떻게 생성되는지 확인할 수 있습니다. 자세한 내용은, 풀 리퀘스트 검토 풀 리퀘스트 업데이트Amazon에서 풀 리퀘스트를 사용하여 코드 검토하기 CodeCatalyst, 및 워크플로 실행 상태 및 세부 정보 보기 을 참조하십시오.

풀 리퀘스트 병합

풀 리퀘스트를 검토하고 필요한 리뷰어로부터 승인을 받으면 콘솔에서 풀 리퀘스트의 소스 브랜치를 대상 브랜치에 병합할 수 있습니다. CodeCatalyst 또한 풀 리퀘스트를 병합하면 대상 브랜치와 관련된 모든 워크플로를 통해 변경 사항이 실행되기 시작합니다. 이 자습서에서는 테스트 브랜치를 메인에 병합하여 onPushToMainDeployPipeline워크플로 실행을 시작합니다.

풀 리퀘스트를 병합하려면 (콘솔)

  1. 풀 요청에서 이전 단계에서 생성한 풀 요청을 선택합니다. 풀 리퀘스트에서 병합을 선택합니다.

  2. 풀 리퀘스트에 사용할 수 있는 병합 전략 중에서 선택하십시오. 선택적으로 풀 리퀘스트를 병합한 후 소스 브랜치를 삭제하는 옵션을 선택하거나 선택 취소한 다음 병합을 선택합니다. 병합이 완료되면 풀 요청 상태가 병합됨으로 변경되고 풀 요청의 기본 보기에 더 이상 표시되지 않습니다. 기본 보기에는 Open 상태의 풀 리퀘스트가 표시됩니다. 병합된 풀 리퀘스트를 계속 볼 수는 있지만 승인하거나 상태를 변경할 수는 없습니다.

    참고

    병합 버튼이 활성화되지 않았거나 병합할 수 없음 레이블이 표시되는 경우 필수 검토자가 아직 풀 요청을 승인하지 않았거나 콘솔에서 풀 요청을 병합할 수 없는 것입니다. CodeCatalyst 풀 리퀘스트를 승인하지 않은 검토자는 풀 리퀘스트 세부 정보 영역의 개요에 있는 시계 아이콘으로 표시됩니다. 필요한 모든 검토자가 풀 요청을 승인했지만 병합 버튼이 여전히 활성화되지 않은 경우 병합 충돌이 발생하거나 스페이스의 스토리지 할당량을 초과했을 수 있습니다. 개발 환경에서 대상 브랜치의 병합 충돌을 해결하고 변경 사항을 푸시한 다음 풀 요청을 병합하거나 충돌을 해결하고 로컬에서 병합한 다음 병합이 포함된 커밋을 푸시할 수 있습니다. CodeCatalyst 자세한 내용은 풀 리퀘스트 병합 (Git) 및 Git 설명서를 참조하십시오.

배포된 코드 보기

이제 기본 브랜치에 있던 원래 배포된 코드를 확인하고, 자동으로 빌드, 테스트 및 배포된 후 병합된 변경 내용을 확인할 차례입니다. 이렇게 하려면 리포지토리의 개요 페이지로 돌아가서 관련 워크플로우 아이콘 옆의 번호를 선택하거나 탐색 창에서 CI/CD를 선택한 다음 워크플로를 선택하면 됩니다.

배포된 코드를 보려면

  1. 워크플로의 에서 onPushToMainDeployPipeline 최근 실행을 확장합니다.

    참고

    단일 페이지 애플리케이션 블루프린트로 만든 프로젝트의 워크플로우의 기본 이름입니다.

  2. 가장 최근 실행은 main 브랜치에 대한 풀 리퀘스트 커밋을 병합하면서 시작된 것으로, 상태가 진행 중으로 표시될 가능성이 높습니다. 목록에서 성공적으로 완료된 실행을 선택하여 해당 실행의 세부 정보를 엽니다.

  3. 변수를 선택합니다. AppUrl 값을 복사합니다. 배포된 단일 페이지 웹 애플리케이션의 URL입니다. 새 브라우저 탭을 열고 값을 붙여넣으면 빌드되고 배포된 코드를 볼 수 있습니다. 탭은 열어 두세요.

  4. 워크플로 실행 목록으로 돌아가서 가장 최근 실행이 완료될 때까지 기다립니다. 실행되면 열었던 탭으로 돌아가서 웹 애플리케이션을 보고 브라우저를 새로 고치십시오. 병합된 풀 리퀘스트에서 변경한 내용을 확인할 수 있을 것입니다.

리소스 정리

소스 리포지토리와 풀 리퀘스트를 사용해 본 후에는 필요하지 않은 리소스를 모두 삭제하고 싶을 수도 있습니다. 풀 리퀘스트는 삭제할 수 없지만 닫을 수는 있습니다. 생성한 브랜치는 모두 삭제할 수 있습니다.

소스 리포지토리나 프로젝트가 더 이상 필요하지 않은 경우 해당 리소스를 삭제할 수도 있습니다. 자세한 내용은 소스 리포지토리 삭제 및 프로젝트 삭제 단원을 참조하세요.