Azure Static Web Apps를 사용하여 ASP.NET Core 독립 실행형 Blazor WebAssembly 호스트 및 배포

비고

이 문서의 최신 버전은 아닙니다. 현재 릴리스는 이 문서의 .NET 10 버전을 참조하세요.

경고

이 버전의 ASP.NET Core는 더 이상 지원되지 않습니다. 자세한 내용은 .NET 및 .NET Core 지원 정책을 참조 하세요. 현재 버전을 보려면 이 문서의 .NET 9 버전 을 참조하십시오.

이 문서에서는 Blazor WebAssembly를 사용하여 독립 실행형 을 호스트하고 배포하는 방법을 설명합니다.

앱 구성

경로에 대한 모든 요청이 index.html을 반환하도록 하려면 탐색 대체 경로를 설정하세요.

다음 콘텐츠를 사용하여 프로젝트의 루트 폴더에 명명된 staticwebapp.config.json 파일을 만듭니다.

{
  "navigationFallback": {
    "rewrite": "/index.html"
  }
}

Visual Studio에서 배포

Visual Studio에서 배포하려면 Azure Static Web Apps에 대한 게시 프로필을 만듭니다.

1. 프로세스 중에 Visual Studio를 다시 시작해야 할 수 있으므로 저장되지 않은 작업을 프로젝트에 저장합니다.

2. Visual Studio의 게시 UI에서 대상>Azure>특정 대상>Azure Static Web Apps를 선택하여 게시 프로필을 생성합니다.

3. Visual Studio용 Azure WebJobs Tools 구성 요소가 설치되지 않은 경우 ASP.NET 및 웹 개발 구성 요소를 설치하라는 메시지가 나타납니다. 프롬프트에 따라 Visual Studio 설치 관리자 사용하여 도구를 설치합니다. 도구를 설치하는 동안 Visual Studio가 자동으로 닫히면 다시 열립니다. 도구가 설치되면 첫 번째 단계에서 다시 시작하여 게시 프로필을 만듭니다.

4. 게시 프로필 구성에서 구독 이름을 제공합니다. 기존 인스턴스를 선택하거나 새 인스턴스 만들기를 선택합니다. Azure 포털의 정적 웹앱 만들기 UI에서 새 인스턴스를 만들 때 배포 세부 정보의 >를 기타로 설정합니다. 계속하기 전에 Azure Portal에서 배포가 완료되기를 기다립니다.

5. 게시 프로필 구성에서 인스턴스의 리소스 그룹에서 Azure Static Web Apps 인스턴스를 선택합니다. 마침을 선택하여 게시 프로필을 만드십시오. Visual Studio에서 SWA(Static Web Apps) CLI를 설치하라는 메시지가 표시되면 프롬프트에 따라 CLI를 설치합니다. SWA CLI에는 npm/Node.js(Visual Studio 설명서)가 필요합니다.

게시 프로필을 만든 후 게시 단추를 선택하여 게시 프로필을 사용하여 Azure Static Web Apps 인스턴스에 앱을 배포합니다.

GitHub 배포 시나리오

• Visual Studio Code: 빠른 시작: Azure Static Web Apps를 사용하여 첫 번째 정적 사이트 빌드
• .NET CLI: Azure Static Web Apps를 사용하여 클라우드에 웹 사이트 배포 Blazor (비디오)
• GitHub에서 배포: 자습서: Azure Static Web Apps에서 정적 웹앱 Blazor 빌드