Szybki Start: Tworzenie aplikacji internetowej ASP.NET Core na platformie AzureQuickstart: Create an ASP.NET Core web app in Azure

W tym przewodniku szybki start dowiesz się, jak utworzyć i wdrożyć pierwszą aplikację sieci Web ASP.NET Core w Azure App Service.In this quickstart, you'll learn how to create and deploy your first ASP.NET Core web app to Azure App Service.

Po zakończeniu będziesz mieć grupę zasobów platformy Azure składającą się z planu hostingu App Service i App Service ze wdrożoną aplikacją sieci Web.When you're finished, you'll have an Azure resource group consisting of an App Service hosting plan and an App Service with a deployed web application.

Wymagania wstępnePrerequisites

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

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

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

  2. W obszarze Utwórz nowy projektwybierz pozycję ASP.NET Core aplikacja sieci Web i upewnij się, że w wybranym językach znajduje się język C# , a następnie wybierz pozycję dalej.In Create a new project, select ASP.NET Core Web Application and confirm that C# is listed in the languages for that choice, then select Next.

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

    Konfigurowanie projektu aplikacji sieci Web

  4. Możesz wdrożyć dowolny typ ASP.NET Core aplikacji sieci Web na platformie Azure, ale w tym przewodniku Szybki Start wybierz szablon aplikacja sieci Web .You can deploy any type of ASP.NET Core web app to Azure, but for this quickstart, choose the Web Application template. Upewnij się, że uwierzytelnianie jest ustawione na wartość bez uwierzytelnianiai że żadna inna opcja nie jest zaznaczona.Make sure Authentication is set to No Authentication, and that no other option is selected. Następnie wybierz pozycję Utwórz.Then, select Create.

    Tworzenie nowej aplikacji sieci Web ASP.NET Core

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

    Aplikacja internetowa uruchomiona lokalnie

Publikowanie aplikacji sieci WebPublish your web app

Aby opublikować aplikację internetową, musisz najpierw utworzyć i skonfigurować nową App Service, do której będzie można opublikować aplikację.To publish your web app, you must first create and configure a new App Service that you can publish your app to.

W ramach konfigurowania App Service utworzysz:As part of setting up the App Service, you'll create:

  • Nowa Grupa zasobów zawierająca wszystkie zasoby platformy Azure dla usługi.A new resource group to contain all of the Azure resources for the service.
  • Nowy Plan hostingu , który określa lokalizację, rozmiar i funkcje farmy serwerów sieci Web, która hostuje aplikację.A new Hosting Plan that specifies the location, size, and features of the web server farm that hosts your app.

Wykonaj następujące kroki, aby utworzyć App Service i opublikować aplikację sieci Web:Follow these steps to create your App Service and publish 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. Jeśli jeszcze nie zalogowano się na koncie platformy Azure z poziomu programu Visual Studio, wybierz opcję Dodaj konto lub Zaloguj się.If you haven't already signed-in to your Azure account from Visual Studio, select either Add an account or Sign in. Możesz również utworzyć bezpłatne konto platformy Azure.You can also create a free Azure account.

  2. W oknie dialogowym Wybieranie elementu docelowego publikowania wybierz pozycję App Service, wybierz pozycję Utwórz nowy, a następnie wybierz pozycję Utwórz profil.In the Pick a publish target dialog box, choose App Service, select Create New, and then select Create Profile.

    Wybieranie miejsca docelowego publikacji

  3. W oknie dialogowym App Service: Utwórz nowe wprowadź globalnie unikatową nazwę aplikacji, akceptując nazwę domyślną lub wprowadzając nową nazwę.In the App Service: Create new dialog, provide a globally unique Name for your app by either accepting the default name, or entering a new name. Prawidłowe znaki to: a-z , A-Z , 0-9 i - .Valid characters are: a-z, A-Z, 0-9, and -. Ta Nazwa jest używana jako prefiks adresu URL dla aplikacji sieci Web w formacie http://<app_name>.azurewebsites.net .This Name is used as the URL prefix for your web app in the format http://<app_name>.azurewebsites.net.

  4. W obszarze subskrypcjaZaakceptuj subskrypcję wymienioną na liście lub wybierz nową z listy rozwijanej.For Subscription, accept the subscription that is listed or select a new one from the drop-down list.

  5. W obszarze Grupa zasobówwybierz pozycję Nowy.In Resource group, select New. 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.

  6. W obszarze Plan hostinguwybierz pozycję Nowy.For Hosting Plan, select New.

  7. W obszarze Plan hostingu: Utwórz nowe okno dialogowe, wprowadź wartości podane w poniższej tabeli:In the Hosting Plan: Create new dialog, enter the values specified in the following table:

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

    Utwórz nowy plan hostingu

  8. Pozostaw Application Insights wartość none.Leave Application Insights set to None.

  9. W oknie dialogowym App Service: Utwórz nowy wybierz pozycję Utwórz , aby rozpocząć tworzenie zasobów platformy Azure.In the App Service: Create new dialog box, select Create to start creating the Azure resources.

    Utwórz nową usługę App Service

  10. Po zakończeniu działania kreatora wybierz pozycję Publikuj.Once the wizard completes, select Publish.

    Publikowanie aplikacji sieci Web na platformie Azure

    Program Visual Studio publikuje aplikację sieci Web ASP.NET Core na platformie Azure i uruchamia aplikację w domyślnej przeglądarce.Visual Studio publishes your ASP.NET Core web app to Azure, and launches the app in your default browser.

    Opublikowana aplikacja sieci Web ASP.NET uruchomiona na platformie Azure

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

Wykonaj następujące kroki, aby zaktualizować i ponownie wdrożyć aplikację internetową:Follow these steps to update and redeploy your web app:

  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 cały <div> tag następującym kodem:Replace the entire <div> tag 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.

    Publikowanie aktualizacji w aplikacji sieci Web

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 ASP.NET działająca na platformie Azure

Zarządzanie aplikacją platformy AzureManage the Azure app

Aby zarządzać swoją aplikacją internetową, przejdź do Azure Portal, a następnie wyszukaj i wybierz pozycję App Services.To manage your web app, go to the Azure portal, and search for and select App Services.

Wybierz App Services

Na stronie App Services wybierz nazwę aplikacji sieci Web.On the App Services page, select the name of your web app.

Nawigacja w portalu do aplikacji platformy Azure

Strona Przegląd dla aplikacji sieci Web zawiera opcje podstawowe zarządzanie, takie jak przeglądanie, zatrzymywanie, uruchamianie, ponowne uruchamianie i usuwanie.The Overview page for your web app, contains options for basic management like browse, stop, start, restart, and delete. Menu po lewej stronie zawiera dalsze strony umożliwiające skonfigurowanie aplikacji.The left menu provides further pages for configuring your app.

App Service w Azure Portal

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 Azure Portal lub stronie głównej wybierz pozycję grupy zasobów, a następnie na stronie grupy zasobów wybierz pozycję Grupa zasobów.From the Azure portal menu or Home page, select Resource groups, and on the Resource groups page, select myResourceGroup.

Na stronie Moja zasobów upewnij się, że wymienione zasoby są tymi, które chcesz usunąć.On the myResourceGroup page, make sure that the listed resources are the ones you want to delete.

Wybierz pozycję Usuń grupę zasobów, wpisz w polu tekstowym pozycję Moja zasobów , a następnie wybierz pozycję Usuń.Select Delete resource group, type myResourceGroup in the text box to confirm, and then select Delete.

Następne krokiNext steps

W tym przewodniku szybki start użyto programu Visual Studio do utworzenia i wdrożenia aplikacji sieci Web ASP.NET Core w Azure App Service.In this quickstart, you used Visual Studio to create and deploy an ASP.NET Core web app to Azure App Service.

Przejdź do następnego artykułu, aby dowiedzieć się, jak utworzyć aplikację platformy .NET Core i połączyć ją z SQL Database:Advance to the next article to learn how to create a .NET Core app and connect it to a SQL Database: