Tworzenie aplikacji internetowej ASP.NET Core na platformie AzureCreate an ASP.NET Core web app in Azure

Uwaga

W tym artykule opisano wdrażanie aplikacji w usłudze App Service w systemie Windows.This article deploys an app to App Service on Windows. Aby wdrożyć aplikację w usłudze App Service w systemie Linux, zobacz Tworzenie aplikacji internetowej platformy .NET Core w usłudze App Service w systemie Linux.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

Usługa Azure App Service oferuje wysoce skalowalną i samonaprawialną usługę hostingu w Internecie.Azure App Service provides a highly scalable, self-patching web hosting service.

Ten przewodnik Szybki start zawiera informacje dotyczące sposobu wdrożenia pierwszej aplikacji internetowej ASP.NET Core w usłudze Azure App Service.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Po zakończeniu będzie istnieć grupa zasobów składająca się z planu usługi App Service i aplikacji usługi App Service wraz z wdrożoną aplikacją internetową.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.

Jeśli nie masz subskrypcji platformy Azure, przed rozpoczęciem utwórz bezpłatne konto.If you don't have an Azure subscription, create a free account before you begin.

Wymagania wstępnePrerequisites

Aby ukończyć ten samouczek, zainstaluj program Visual Studio 2019 z obciążeniem programowania ASP.NET i sieci Web .To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

Jeśli zainstalowano już program Visual Studio 2019:If you've installed Visual Studio 2019 already:

  • Zainstaluj najnowsze aktualizacje programu Visual Studio, wybierając pozycję Pomoc > Sprawdź dostępność aktualizacji.Install the latest updates in Visual Studio by selecting Help > Check for Updates.
  • Dodaj obciążenie, wybierając kolejno pozycje Narzędzia > Pobierz narzędzia i funkcje.Add the workload by selecting Tools > Get Tools and Features.

Tworzenie aplikacji internetowej ASP.NET CoreCreate an ASP.NET Core web app

Utwórz aplikację sieci Web ASP.NET Core, wykonując następujące czynności:Create an ASP.NET Core web app by following these steps:

  1. Otwórz program Visual Studio, a następnie wybierz pozycję Utwórz nowy projekt.Open Visual Studio and then select Create a new project.

  2. W obszarze Utwórz nowy projektZnajdź i wybierz ASP.NET Core aplikacji sieci Web dla C#, a następnie wybierz pozycję dalej.In Create a new project, find and choose ASP.NET Core Web Application for C#, then select Next.

  3. W obszarze Konfigurowanie nowego projektuNadaj nazwę aplikacji myFirstAzureWebApp, a następnie wybierz pozycję Utwórz.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Konfigurowanie projektu aplikacji sieci Web

  4. Na potrzeby tego przewodnika Szybki Start wybierz szablon aplikacja sieci Web .For this quickstart, choose the Web Application template. Upewnij się, że uwierzytelnianie jest ustawione na Brak uwierzytelniania i żadna inna opcja nie jest zaznaczona.Make sure authentication is set to No Authentication and no other option is selected. Wybierz pozycję Utwórz.Select Create.

    Wybierz ASP.NET Core Razor Pages dla tego samouczka

    Na platformie Azure można wdrożyć dowolny typ aplikacji internetowej ASP.NET Core.You can deploy any type of ASP.NET Core web app to Azure.

  5. Z menu programu Visual Studio wybierz pozycję Debuguj > Uruchom bez debugowania , aby uruchomić aplikację internetową lokalnie.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Uruchamianie aplikacji lokalnie

Publikowanie aplikacji sieci WebPublish your web app

  1. W Eksplorator rozwiązańkliknij prawym przyciskiem myszy projekt myFirstAzureWebApp i wybierz polecenie Publikuj.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. Wybierz App Service a następnie wybierz pozycję Publikuj.Choose App Service and then select Publish.

    Publikowanie ze strony przeglądu projektu

  3. W App Service utworzyć noweopcje zależą od tego, czy użytkownik jest zalogowany na platformie Azure, czy masz konto programu Visual Studio połączone z kontem platformy Azure.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. Wybierz pozycję Dodaj konto lub Zaloguj się, aby zalogować się do subskrypcji platformy Azure.Select either Add an account or Sign in to sign in to your Azure subscription. Jeśli użytkownik jest już zalogowany, wybierz odpowiednie konto.If you're already signed in, select the account you want.

    Uwaga

    Jeśli przeprowadzono już logowanie, nie wybieraj jeszcze pozycji Utwórz.If you're already signed in, don't select Create yet.

    Logowanie do platformy Azure

    Grupa zasobów to logiczny kontener przeznaczony do wdrażania zasobów platformy Azure, takich jak aplikacje internetowe, bazy danych i konta magazynu, oraz zarządzania nimi.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Na przykład można później usunąć całą grupę zasobów w jednym prostym kroku.For example, you can choose to delete the entire resource group in one simple step later.

  4. W obszarze Grupa zasobówwybierz pozycję Nowy.For Resource group, select New.

  5. W polu Nazwa nowej grupy zasobów wprowadź nazwę zasobu , a następnie wybierz przycisk OK.In New resource group name, enter myResourceGroup and select OK.

    Plan usługi App Service określa lokalizację, rozmiar i funkcje farmy serwerów sieci Web, która jest hostem aplikacji.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Hostując wiele aplikacji, można zmniejszyć koszty przez skonfigurowanie aplikacji internetowych do korzystania z jednego planu usługi App Service.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

    Plany usługi App Service definiują następujące elementy:App Service plans define:

    • Region (na przykład: Europa Północna, Wschodnie stany USA, Azja Południowo-Wschodnia)Region (for example: North Europe, East US, or Southeast Asia)
    • Rozmiar wystąpienia (mały, średni, duży)Instance size (small, medium, or large)
    • Skala (od 1 do 20 wystąpień)Scale count (1 to 20 instances)
    • Warstwa cenowa (Bezpłatna, Współdzielona, Podstawowa, Standardowa, Premium)SKU (Free, Shared, Basic, Standard, or Premium)
  6. W przypadku planu hostinguwybierz pozycję Nowy.For the Hosting Plan, select New.

  7. W oknie dialogowym Konfigurowanie planu hostingu wprowadź wartości z poniższej tabeli, a następnie wybierz przycisk OK.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    UstawienieSetting Sugerowana wartośćSuggested Value OpisDescription
    Plan usługi App ServiceApp Service Plan myAppServicePlanmyAppServicePlan Nazwa planu usługi App Service.Name of the App Service plan.
    LocationLocation Europa ZachodniaWest Europe Centrum danych, w którym hostowana jest aplikacja internetowa.The datacenter where the web app is hosted.
    SizeSize BezpłatnaFree Warstwa cenowa określa funkcje hostowania.Pricing tier determines hosting features.

    Tworzenie planu usługi App Service

  8. W polu Nazwawprowadź unikatową nazwę aplikacji, która zawiera tylko prawidłowe znaki to a-z, A-Z 0-9, i -.In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Możesz zaakceptować automatycznie wygenerowaną unikatową nazwę.You can accept the automatically generated unique name. Adres URL aplikacji internetowej to http://<app_name>.azurewebsites.net, gdzie <app_name> to nazwa aplikacji.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

    Konfigurowanie nazwy aplikacji

  9. Wybierz pozycję Utwórz, aby rozpocząć tworzenie zasobów platformy Azure.Select Create to start creating the Azure resources.

Po zakończeniu działania kreatora aplikacja internetowa ASP.NET Core zostanie opublikowana na platformie Azure, a następnie uruchomiona w domyślnej przeglądarce.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

Opublikowana aplikacja internetowa platformy ASP.NET na platformie Azure

Nazwa aplikacji określona na App Service Utwórz nową stronę jest używana jako prefiks adresu URL w formacie http://<app_name>.azurewebsites.net.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.

Gratulacje!Congratulations! Aplikacja sieci Web ASP.NET Core działa na żywo w Azure App Service.Your ASP.NET Core web app is running live in Azure App Service.

Aktualizowanie aplikacji i ponowne wdrażanieUpdate the app and redeploy

  1. W Eksplorator rozwiązańw projekcie Otwórz stronę > index. cshtml.In Solution Explorer, under your project, open Pages > Index.cshtml.

  2. Zastąp dwa tagi <div> następującym kodem: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. Aby przeprowadzić ponowne wdrożenie na platformie Azure, kliknij prawym przyciskiem myszy projekt myFirstAzureWebApp w Eksploratorze rozwiązań, a następnie wybierz polecenie Publikuj.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

  4. Na stronie Publikowanie podsumowania wybierz pozycję Publikuj.In the Publish summary page, select Publish.

    Strona podsumowania publikowania programu Visual Studio

Po zakończeniu publikowania program Visual Studio otworzy w przeglądarce adres URL aplikacji internetowej.When publishing completes, Visual Studio launches a browser to the URL of the web app.

Zaktualizowana aplikacja internetowa platformy ASP.NET na platformie Azure

Zarządzanie aplikacją platformy AzureManage the Azure app

  1. Przejdź do witryny Azure Portal, aby zarządzać aplikacją internetową.Go to the Azure portal to manage the web app.

  2. W lewym menu wybierz pozycję App Services, a następnie wybierz nazwę swojej aplikacji platformy Azure.From the left menu, select App Services, and then select the name of your Azure app.

    Nawigacja w portalu do aplikacji platformy Azure

    Zostanie wyświetlona strona Omówienie aplikacji internetowej.You see your web app's Overview page. W tym miejscu można wykonać podstawowe zarządzanie, takie jak przeglądanie, zatrzymywanie, uruchamianie, ponowne uruchamianie i usuwanie.Here, you can do basic management like browse, stop, start, restart, and delete.

    App Service w Azure Portal

    Menu po lewej stronie zawiera różne strony służące do konfigurowania aplikacji.The left menu provides different pages for configuring your app.

Oczyszczanie zasobówClean up resources

W poprzednich krokach utworzono zasoby platformy Azure w grupie zasobów.In the preceding steps, you created Azure resources in a resource group. Jeśli nie będziesz już potrzebować tych zasobów w przyszłości, możesz je usunąć przez usunięcie grupy zasobów.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

W menu znajdującym się po lewej stronie w witrynie Azure Portal wybierz pozycję Grupy zasobów, a następnie wybierz pozycję myResourceGroup.From the left menu in the Azure portal, select Resource groups and then select myResourceGroup.

Na stronie grupy zasobów upewnij się, że zasoby na liście są tymi, które chcesz usunąć.On the resource group page, make sure that the listed resources are the ones you want to delete.

Wybierz pozycję Usuń, wpisz ciąg myResourceGroup w polu tekstowym, a następnie wybierz opcję Usuń.Select Delete, type myResourceGroup in the text box, and then select Delete.

Następne krokiNext steps