Azure에서 ASP.NET Core 웹앱 만들기Create an ASP.NET Core web app in Azure

참고

이 문서에서는 Windows의 App Service에 앱을 배포합니다.This article deploys an app to App Service on Windows. Linux 의 App Service에 배포하려면 Linux의 App Service에서 .NET Core 웹앱 만들기를 참조하세요.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

Azure App Service는 확장성 높은 자체 패치 웹 호스팅 서비스를 제공합니다.Azure App Service provides a highly scalable, self-patching web hosting service.

이 빠른 시작에서는 첫 번째 ASP.NET Core 웹앱을 Azure App Service에 배포하는 방법을 보여줍니다.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. 빠른 시작을 마치고 나면 배포된 웹 애플리케이션으로 App Service 계획 및 App Service 앱으로 구성된 리소스 그룹이 만들어집니다.When you're finished, you'll have a resource group that consists of an App Service plan and an App Service app with a deployed web application.

Azure 구독이 아직 없는 경우 시작하기 전에 체험 계정을 만듭니다.If you don't have an Azure subscription, create a free account before you begin.

필수 조건Prerequisites

이 자습서를 완료하려면 ASP.NET 및 웹 개발 워크로드가 포함된 Visual Studio 2019를 설치합니다.To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

Visual Studio 2019를 이미 설치한 경우:If you've installed Visual Studio 2019 already:

  • 도움말 > 업데이트 확인을 차례로 선택하여 Visual Studio에서 최신 업데이트를 설치합니다.Install the latest updates in Visual Studio by selecting Help > Check for Updates.
  • 도구 > 도구 및 기능 가져오기를 차례로 선택하여 워크로드를 추가합니다.Add the workload by selecting Tools > Get Tools and Features.

ASP.NET Core 웹앱 만들기Create an ASP.NET Core web app

다음 단계에 따라 ASP.NET Core 웹앱을 만듭니다.Create an ASP.NET Core web app by following these steps:

  1. Visual Studio를 연 다음, 새 프로젝트 만들기를 선택합니다.Open Visual Studio and then select Create a new project.

  2. 새 프로젝트 만들기에서 C#용 ASP.NET Core 웹 응용 프로그램을 찾아서 선택하고, 다음을 선택합니다.In Create a new project, find and choose ASP.NET Core Web Application for C#, then select Next.

  3. 새 프로젝트 구성에서 애플리케이션 이름을 _myFirstAzureWebApp_으로 지정한 다음, 만들기를 선택합니다.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    웹앱 프로젝트 구성

  4. 이 빠른 시작에서는 웹 응용 프로그램 템플릿을 선택합니다.For this quickstart, choose the Web Application template. 인증이 인증 없음으로 설정되어 있고 다른 옵션이 선택되어 있지 없음을 확인합니다.Make sure authentication is set to No Authentication and no other option is selected. 만들기를 선택합니다.Select Create.

    이 자습서에서 ASP.NET Core Razor Pages 선택

    모든 종류의 ASP.NET Core 웹앱을 Azure에 배포할 수 있습니다.You can deploy any type of ASP.NET Core web app to Azure.

  5. Visual Studio 메뉴에서 디버그 > 디버깅하지 않고 시작을 차례로 선택하여 웹앱을 로컬로 실행합니다.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    로컬에서 앱 실행

웹앱 게시Publish your web app

  1. 솔루션 탐색기에서 마우스 오른쪽 단추로 myFirstAzureWebApp 프로젝트를 클릭하고, 게시를 선택합니다.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. App Service를 선택한 다음, 게시를 선택합니다.Choose App Service and then select Publish.

    프로젝트 개요 페이지에서 게시

  3. App Service 새로 만들기의 옵션은 Azure에 이미 로그인했는지 여부와 Azure 계정에 연결된 Visual Studio 계정이 있는지 여부에 따라 달라집니다.In App Service Create new, your options depend on whether you're signed in to Azure already and whether you have a Visual Studio account linked to an Azure account. 계정 추가 또는 로그인 중 하나를 선택하여 Azure 구독에 로그인합니다.Select either Add an account or Sign in to sign in to your Azure subscription. 이미 로그인한 경우 원하는 계정을 선택합니다.If you're already signed in, select the account you want.

    참고

    이미 로그인한 경우 아직 만들기를 선택하지 마십시오.If you're already signed in, don't select Create yet.

    Azure에 로그인

    리소스 그룹은 웹앱, 데이터베이스, 스토리지 계정과 같은 Azure 리소스가 배포되고 관리되는 논리적 컨테이너입니다.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. 예를 들어 나중에 간단한 단계 하나만으로 전체 리소스 그룹을 삭제하도록 선택할 수 있습니다.For example, you can choose to delete the entire resource group in one simple step later.

  4. 리소스 그룹에 대해 새로 만들기를 선택합니다.For Resource group, select New.

  5. 새 리소스 그룹 이름에서 myResourceGroup을 입력하고, 확인을 선택합니다.In New resource group name, enter myResourceGroup and select OK.

    App Service 계획은 위치, 크기 및 앱을 호스트하는 웹 서버 팜의 기능을 지정합니다.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. 단일 App Service 계획을 공유하도록 웹앱을 구성하여 여러 앱을 호스팅하는 비용을 절감할 수 있습니다.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

    App Service 계획은 다음을 정의합니다.App Service plans define:

    • 지역(예: 북유럽, 미국 동부 또는 동남 아시아)Region (for example: North Europe, East US, or Southeast Asia)
    • 인스턴스 크기 (소, 중, 대)Instance size (small, medium, or large)
    • 확장 개수 (1 ~ 20개 인스턴스)Scale count (1 to 20 instances)
    • SKU (무료, 공유, 기본, 표준 또는 프리미엄)SKU (Free, Shared, Basic, Standard, or Premium)
  6. 호스팅 계획에 대해 새로 만들기를 선택합니다.For the Hosting Plan, select New.

  7. 호스팅 계획 구성 대화 상자에서 다음 표의 값을 입력한 다음, 확인을 선택합니다.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    설정Setting 제안 값Suggested Value 설명Description
    App Service 계획App Service Plan myAppServicePlanmyAppServicePlan App Service 계획의 이름입니다.Name of the App Service plan.
    위치Location 서유럽West Europe 웹앱이 호스팅된 데이터 센터입니다.The datacenter where the web app is hosted.
    크기Size 무료Free 가격 책정 계층은 호스팅 기능을 결정합니다.Pricing tier determines hosting features.

    App Service 플랜 만들기

  8. 이름에서 유효한 문자(a-z, A-Z, 0-9-)만 포함된 고유한 앱 이름을 입력합니다.In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. 자동으로 생성된 고유한 이름을 적용할 수 있습니다.You can accept the automatically generated unique name. 웹앱의 URL은 http://<app_name>.azurewebsites.net이며, 여기서 <app_name>은 앱 이름입니다.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

    앱 이름 구성

  9. 만들기를 선택하여 Azure 리소스를 만듭니다.Select Create to start creating the Azure resources.

마법사가 완료되면 Azure에 ASP.NET Core 웹앱을 게시한 다음 기본 브라우저에서 앱을 시작합니다.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

Azure에서 게시된 ASP.NET 웹앱

App Service 새로 만들기 페이지에서 지정한 앱 이름은 http://<app_name>.azurewebsites.net 형식의 URL 접두사로 사용됩니다.The app name specified in the App Service Create new page is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

축하합니다.Congratulations! ASP.NET Core 웹앱이 Azure App Service에서 실시간으로 실행되고 있습니다.Your ASP.NET Core web app is running live in Azure App Service.

앱 업데이트 및 재배포Update the app and redeploy

  1. 솔루션 탐색기의 프로젝트 아래에서 페이지 > Index.cshtml을 차례로 엽니다.In Solution Explorer, under your project, open Pages > Index.cshtml.

  2. 두 개의 <div> 태그를 다음 코드로 바꿉니다.Replace the two <div> tags with the following code:

    <div class="jumbotron">
        <h1>ASP.NET in Azure!</h1>
        <p class="lead">This is a simple app that we’ve built that demonstrates how to deploy a .NET app to Azure App Service.</p>
    </div>
    
  3. Azure에 다시 배포하려면 솔루션 탐색기에서 myFirstAzureWebApp 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 게시를 선택합니다.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

  4. 게시 요약 페이지에서 게시를 선택합니다.In the Publish summary page, select Publish.

    Visual Studio 게시 요약 페이지

게시가 완료되면 Visual Studio가 웹앱의 URL로 브라우저를 시작합니다.When publishing completes, Visual Studio launches a browser to the URL of the web app.

Azure에서 업데이트된 ASP.NET 웹앱

Azure 앱 관리Manage the Azure app

웹앱을 관리하려면 Azure Portal로 이동하여 App Services를 검색하여 선택합니다.To manage the web app, go to the Azure portal, and search for and select App Services.

App Service 선택

App Service 페이지에서 웹앱의 이름을 선택합니다.On the App Services page, select the name of your web app.

Azure 앱에 대한 포털 탐색

웹앱의 개요 페이지가 표시됩니다.You see your web app's Overview page. 여기서 찾아보기, 중지, 시작, 다시 시작 및 삭제와 같은 기본 관리를 수행할 수 있습니다.Here, you can do basic management like browse, stop, start, restart, and delete.

Azure Portal의 App Service

왼쪽 메뉴로 앱 구성을 위한 여러가지 페이지를 볼 수 있습니다.The left menu provides different pages for configuring your app.

리소스 정리Clean up resources

이전 단계에서 Azure 리소스를 리소스 그룹에 만들었습니다.In the preceding steps, you created Azure resources in a resource group. 이러한 리소스가 나중에 필요하지 않을 경우에는 리소스 그룹을 삭제하여 해당 리소스를 삭제할 수 있습니다.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

Azure Portal 메뉴 또는 페이지에서 리소스 그룹을 선택하고 리소스 그룹 페이지에서 myResourceGroup을 선택합니다.From the Azure portal menu or Home page, select Resource groups, and on the Resource groups page, select myResourceGroup.

myResourceGroup 페이지에서 나열된 리소스가 삭제하려는 리소스인지 확인합니다.On the myResourceGroup page, make sure that the listed resources are the ones you want to delete.

삭제를 선택하고, 텍스트 상자에서 myResourceGroup을 입력한 다음, 삭제를 선택합니다.Select Delete, type myResourceGroup in the text box, and then select Delete.

다음 단계Next steps