다음을 통해 공유

Azure Static Web Apps에서 분기 미리 보기 환경 만들기

  • 아티클

프로덕션 분기가 아닌 분기에 모든 변경 내용을 배포하도록 사이트를 구성할 수 있습니다. 이 미리 보기 배포는 분기 이름을 포함하는 안정적인 URL에 게시됩니다. 예를 들어 분기 이름이 dev인 경우 환경은 <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net과 같은 위치에서 사용할 수 있습니다. 정적 웹앱의 환경 탭을 통해 포털에서 분기 환경을 삭제할 수 있습니다.

구성

안정적인 URL 환경을 사용하도록 설정하려면 configuration.yml 파일을 다음과 같이 변경합니다.

  • production_branch 입력을 GitHub 작업의 static-web-apps-deploy 작업 또는 AzureStaticWebApp 작업의 프로덕션 분기 이름으로 설정합니다. 이 작업을 수행하면 프로덕션 분기에 대한 변경 내용이 프로덕션 환경에 배포되고 다른 분기의 변경 내용은 미리 보기 환경에 배포됩니다.
  • 워크플로 구성의 트리거 배열에서 환경을 미리 보기 위해 배포하려는 분기를 나열하여 해당 분기의 변경 내용이 GitHub Actions 또는 Azure Pipelines 배포를 트리거하도록 합니다.
    • 모든 분기를 추적하려는 경우 이 배열을 GitHub Actions의 경우 ** 또는 Azure Pipelines의 경우 *로 설정합니다.

예시

다음 예제에서는 분기 미리 보기 환경을 사용하도록 설정하는 방법을 보여 줍니다.

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
      - dev
      - staging
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    ...
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
        with:
          submodules: true
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          ...
          production_branch: "main"

참고 항목

...은 명확성을 위해 건너뛴 코드를 표시합니다.

이 예제에서 미리 보기 환경은 dev 및 staging 분기에 대해 정의됩니다. 각 분기는 별도의 미리 보기 환경에 배포됩니다.

다음 단계

명명된 미리 보기 환경 만들기