연습 - Azure App Service에 OpenAPI 사용 웹 API 게시

완료됨

이 연습에서는 Visual Studio를 통해 웹 API 애플리케이션을 Azure App Service에 배포합니다.

참고

이전 연습에서 OpenAPI 기능을 사용하도록 설정한 ASP.NET Core Web API 앱이 이미 있습니다. 이 연습에서는 해당 앱을 사용합니다.

이 모듈을 완료하려면 Azure 구독이 필요합니다. 아직 등록하지 않은 경우 여기서 평가판에 등록할 수 있습니다.

Visual Studio를 통해 웹 API 애플리케이션을 Azure App Service에 배포

이전 연습 이후에 웹 API 애플리케이션을 게시할 준비가 되었습니다. 웹 API 애플리케이션을 배포하려면 다음 단계를 실행합니다.

  1. 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 단추로 클릭하고 게시 메뉴를 선택합니다.

    Right-click Publish in Visual Studio.

  2. 게시 대화 상자 모달에서 Azure를 선택하고 다음 단추를 선택합니다. (먼저 Azure 구독에 로그인해야 할 수도 있습니다.)

    Choose Publish Target.

  3. Azure App Service(Windows)를 선택하고 다음 단추를 선택합니다.

    Choose Specific Target.

  4. 이 연습에서는 Visual Studio를 통해 새 Azure App Service 인스턴스를 만들어 보겠습니다. 나중에 기존 항목을 사용할 수 있습니다. 대화 상자 모달 오른쪽에 있는 단추를 선택하여 새 Azure App Service 인스턴스를 만듭니다.

    Select Create New App Service.

  5. App Service(Windows) 대화 상자 모달이 표시되면 모든 필드 값이 자동으로 채워집니다. 미리 채워진 항목을 사용하거나 변경할 수 있습니다. 모든 필드 값을 입력하고 만들기 단추를 선택합니다.

    Create New App Service.

  6. Azure App Service 인스턴스가 만들어졌습니다. 다음 단추를 선택합니다.

    New App Service Created.

  7. 지금은 웹 API 앱을 Azure App Service 인스턴스에만 게시합니다. 지금은 API Management에 배포하는 이 단계를 건너뛸 수 있습니다. 이 단계 건너뛰기 확인란을 선택하고 마침 단추를 선택합니다.

    Finish New App Service.

  8. 웹 API 앱을 배포할 준비가 되었습니다. 설정의 기본 창에서 대상 프레임워크가 Visual Studio 버전을 참조하는지 확인합니다. Visual Studio의 오른쪽 위 모서리에 있는 게시 단추를 선택합니다.

    Publish Web API.

  9. 웹 API 앱이 게시되면 Visual Studio는 배너를 통해 알립니다. 나중에 사용하도록 웹 사이트 URL을 복사합니다.

    Web API Published.

웹 API 애플리케이션이 실행 중인지 확인

  1. 웹 API 앱이 제대로 배포되었는지 확인해 보겠습니다. 웹 브라우저를 열고 이전 단계에서 복사한 웹 사이트 URL을 입력합니다. 다음 이미지와 같이 페이지를 찾을 수 없음 오류가 발생합니다.

    Page Not Found.

  2. URL을 편집합니다. 복사한 웹 사이트 URL이 https://apiapp-inventorymanagement-kc.azurewebsites.net인 경우 다음 예에 따라 <copied-website-url>을 바꿉니다.

    <copied-website-url>/swagger
    
  3. 이제 Swagger UI 페이지가 올바르게 렌더링됩니다. /api/WarehouseLocations 배너를 선택하여 확장합니다.

    Swagger UI Page.

  4. 사용해 보기 단추를 선택합니다.

    Swagger UI Page - Try It Out.

  5. 실행 단추를 선택합니다.

    Swagger UI Page - Execute.

  6. 결과 보기

    Swagger UI Page - Executed.

축하합니다! 이제 Visual Studio를 통해 ASP.NET Core Web API 앱을 Azure App Service에 게시했습니다.