Blazor Server 프로젝트를 Azure 웹 앱에 게시하기 위한 Publish Profile 파일 사용

• 4/19/2023
• 4 minutes to read

이 강의에서는 Azure 웹 앱에 Blazor Server 프로젝트를 게시하는 방법에 대해 설명합니다. Publish Profile 파일을 사용하여 프로젝트를 손쉽게 배포할 수 있습니다.

Visual Studio에서는 직접 도구 레벨에서 웹 앱에 게시하는 기능을 제공하지만, 박용준 강사의 강의에서는 게시 프로필을 사용하여 웹 앱을 먼저 만들고 Visual Studio에서 게시하는 순서를 사용합니다.

목차

1. Azure 웹 앱 만들기
2. Publish Profile 다운로드
3. Visual Studio에서 Publish Profile 사용하기
4. 프로젝트 게시 및 확인

1. Azure 웹 앱 만들기

먼저, Azure 웹 앱을 생성해야 합니다. 이를 위해 다음 단계를 수행하세요.

1. Azure Portal에 로그인하십시오.
2. 왼쪽 메뉴에서 "리소스 그룹"을 선택한 다음, 새 리소스 그룹을 생성하거나 기존 리소스 그룹을 선택하십시오.
3. 리소스 그룹 페이지의 오른쪽 상단에 있는 "+추가" 버튼을 클릭하십시오.
4. "웹 앱"을 검색하고 선택한 다음, "만들기"를 클릭하십시오.
5. 기본 정보 탭에서 필요한 정보를 입력하고, "다음: 웹 호스팅"을 클릭하십시오.
6. 웹 호스팅 탭에서 호스팅 계획 및 운영 체제를 선택한 후 "확인"을 클릭하십시오.
7. 최종 검토 및 생성 페이지에서 모든 설정을 확인한 후, "만들기"를 클릭하여 웹 앱을 생성하십시오.

2. Publish Profile 다운로드

웹 앱이 생성되면 Publish Profile을 다운로드해야 합니다.

1. Azure Portal에서 생성한 웹 앱으로 이동하십시오.
2. 개요 페이지의 오른쪽 상단에 있는 "게시 프로필 가져오기"를 클릭하여 Publish Profile 파일을 다운로드하십시오.

3. Visual Studio에서 Publish Profile 사용하기

이제 Visual Studio에서 Publish Profile을 사용하여 Blazor Server 프로젝트를 게시할 준비가 되었습니다.

1. Visual Studio에서 Blazor Server 프로젝트를 연 다음, 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하십시오.
2. "게시"를 선택하여 게시 대화상자를 엽니다.
3. "시작"을 클릭한 다음, "게시 프로필 가져오기"를 선택하십시오.
4. 이전 단계에서 다운로드한 Publish Profile 파일을 찾아 선택하십시오.

4. 프로젝트 게시 및 확인

Visual Studio에서 프로젝트를 게시합니다.

1. 게시 대화상자에서 "게시" 버튼을 클릭하여 프로젝트를 Azure 웹 앱에 게시하십시오.
2. 프로젝트가 성공적으로 게시된 후, 웹 브라우저에서 Azure 웹 앱 URL로 이동하여 게시된 Blazor Server 프로젝트를 확인하십시오.

이제 Azure 웹 앱에 Blazor Server 프로젝트를 성공적으로 게시하였습니다. 이를 통해 사용자들이 웹 애플리케이션에 원활하게 액세스할 수 있게 되었습니다.

WebSockets 활성화

Blazor Server 프로젝트를 실행하는 웹 앱은 반드시 WebSockets 기능을 활성화해야 합니다.

설정 절차는 다음과 같습니다.

1. Azure Portal에서 생성한 웹 앱으로 이동하십시오.
2. 왼쪽 메뉴에서 "구성"을 선택하십시오.
3. "일반 설정" 탭으로 이동한 다음, "WebSockets" 설정을 찾아 "활성화"로 설정하십시오.
4. 변경 사항을 저장하기 위해 상단에 있는 "저장" 버튼을 클릭하십시오.