Szybki start: wdrażanie aplikacji internetowej ASP.NET

Z tego przewodnika Szybki start dowiesz się, jak utworzyć i wdrożyć pierwszą aplikację internetową ASP.NET w usłudze aplikacja systemu Azure Service. Usługa App Service obsługuje różne wersje aplikacji platformy .NET i udostępnia wysoce skalowalną, samonastosowalną usługę hostingu internetowego. ASP.NET aplikacje internetowe są międzyplatformowe i mogą być hostowane w systemie Linux lub Windows. Po zakończeniu masz grupę zasobów platformy Azure składającą się z planu hostingu usługi App Service i usługi App Service z wdrożonym aplikacją internetową.

Alternatywnie możesz wdrożyć aplikację internetową ASP.NET w ramach kontenera systemu Windows lub Linux w usłudze App Service.

W tym filmie wideo pokazano, jak wdrożyć aplikację internetową ASP.NET.

Kroki opisane w filmie wideo zostały również opisane w poniższych sekcjach.

Wymagania wstępne

Jeśli masz już zainstalowany program Visual Studio 2022:

  1. Zainstaluj najnowsze aktualizacje w programie Visual Studio, wybierając pozycję Sprawdzanie pomocy>pod kątem Aktualizacje.
  2. Dodaj obciążenie, wybierając pozycję Narzędzia Pobierz narzędzia>i funkcje.

1. Tworzenie aplikacji internetowej ASP.NET

1. Inicjowanie szablonu aplikacji internetowej ASP.NET

  1. Otwórz program Visual Studio, a następnie wybierz pozycję Utwórz nowy projekt.

  2. W obszarze Tworzenie nowego projektu znajdź i wybierz pozycję ASP.NET Core Web App, a następnie wybierz pozycję Dalej.

  3. W obszarze Konfigurowanie nowego projektu nadaj aplikacji nazwę MyFirstAzureWebApp, a następnie wybierz pozycję Dalej.

    Screenshot of Visual Studio - Configure ASP.NET 7.0 web app.

  4. Wybierz pozycję .NET 7.0 (obsługa terminów standardowych).

  5. Upewnij się, że typ uwierzytelniania ma wartość Brak. Wybierz pozycję Utwórz.

    Screenshot of Visual Studio - Additional info when selecting .NET 7.0.

  6. Z menu programu Visual Studio wybierz pozycję Debuguj>rozpocznij bez debugowania, aby uruchomić aplikację internetową lokalnie. Jeśli zostanie wyświetlony komunikat z prośbą o zaufanie certyfikatowi z podpisem własnym, wybierz pozycję Tak.

    Screenshot of Visual Studio - ASP.NET Core 7.0 running locally.

  1. Otwórz okno terminalu na maszynie w katalogu roboczym. Utwórz nową aplikację internetową platformy .NET przy użyciu dotnet new webapp polecenia , a następnie zmień katalogi na nowo utworzoną aplikację.

    dotnet new webapp -n MyFirstAzureWebApp --framework net7.0
    cd MyFirstAzureWebApp
    
  2. W tej samej sesji terminalu uruchom aplikację lokalnie przy użyciu dotnet run polecenia .

    dotnet run --urls=https://localhost:5001/
    
  3. Otwórz przeglądarkę internetową i przejdź do aplikacji pod adresem https://localhost:5001.

    Na stronie zostanie wyświetlona aplikacja internetowa ASP.NET Core 7.0.

    Screenshot of Visual Studio Code - ASP.NET Core 7.0 in local browser.

W tym kroku utworzysz rozwidlenie projektu demonstracyjnego do wdrożenia.

  1. Przejdź do przykładowej aplikacji .NET 7.0.
  2. Wybierz przycisk Rozwidlenie w prawym górnym rogu strony GitHub.
  3. Wybierz właściciela i pozostaw domyślną nazwę repozytorium.
  4. Wybierz pozycję Utwórz rozwidlenie.

Ten przewodnik Szybki start używa interfejsu wiersza polecenia dla deweloperów platformy Azure (azd) zarówno do tworzenia zasobów platformy Azure, jak i wdrażania w nim kodu. Aby uzyskać więcej informacji na temat interfejsu wiersza polecenia dla deweloperów platformy Azure, odwiedź dokumentację lub ścieżkę szkoleniową.

Pobierz i zainicjuj szablon aplikacji internetowej platformy ASP.NET Core dla tego przewodnika Szybki start, wykonując następujące kroki:

  1. Otwórz okno terminalu na maszynie w pustym katalogu roboczym. Zainicjuj azdazd init szablon przy użyciu polecenia .

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git
    

    Po wyświetleniu monitu o nazwę środowiska wprowadź .dev

  2. W tej samej sesji terminalu uruchom aplikację lokalnie przy użyciu dotnet run polecenia . Użyj parametru --project , aby określić src katalog szablonu azd , czyli miejsce, w którym znajduje się kod aplikacji.

    dotnet run --project src --urls=https://localhost:5001/
    
  3. Otwórz przeglądarkę internetową i przejdź do aplikacji pod adresem https://localhost:5001. Na stronie zostanie wyświetlony szablon aplikacji internetowej ASP.NET Core 7.0.

    Screenshot of Visual Studio Code - ASP.NET Core 7.0 in local browser.

2. Publikowanie aplikacji internetowej

Szablon AZD zawiera pliki, które będą generować następujące wymagane zasoby dla aplikacji do uruchomienia w usłudze App Service:

  • Nowa grupa zasobów zawierająca wszystkie zasoby platformy Azure dla usługi.
  • Nowy plan usługi App Service określający lokalizację, rozmiar i funkcje farmy serwerów internetowych hostujących aplikację.
  • Nowe wystąpienie aplikacji usługi App Service do uruchamiania wdrożonej aplikacji.

Wykonaj następujące kroki, aby utworzyć zasoby usługi App Service i opublikować projekt:

  1. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt MyFirstAzureWebApp i wybierz pozycję Publikuj.

  2. W obszarze Publikowanie wybierz pozycję Azure , a następnie pozycję Dalej.

    Screenshot of Visual Studio - Publish the web app and target Azure.

  3. Wybierz określony element docelowy , aplikacja systemu Azure Service (Linux) lub aplikacja systemu Azure Service (Windows). Następnie wybierz Dalej.

    Ważne

    W przypadku określania wartości docelowej ASP.NET Framework 4.8 użyj usługi aplikacja systemu Azure (Windows).

  4. Opcje zależą od tego, czy zalogowałeś się już na platformie Azure i czy masz konto programu Visual Studio połączone z kontem platformy Azure. Wybierz pozycję Dodaj konto lub Zaloguj się , aby zalogować się do subskrypcji platformy Azure. Jeśli już się zalogowałeś, wybierz żądane konto.

    Screenshot of Visual Studio - Select sign in to Azure dialog.

  5. Po prawej stronie wystąpień usługi App Service wybierz pozycję +.

    Screenshot of Visual Studio - New App Service app dialog.

  6. W polu Subskrypcja zaakceptuj listę subskrypcji lub wybierz nową z listy rozwijanej.

  7. W obszarze Grupa zasobów wybierz pozycję Nowy. W polu Nazwa nowej grupy zasobów wprowadź nazwę myResourceGroup i wybierz przycisk OK.

  8. W obszarze Plan hostingu wybierz pozycję Nowy.

  9. W oknie dialogowym Plan hostingu : Utwórz nowy wprowadź wartości określone w poniższej tabeli:

    Ustawienie Sugerowana wartość opis
    Plan hostingu MyFirstAzureWebAppPlan Nazwa planu usługi App Service.
    Lokalizacja Europa Zachodnia Centrum danych, w którym hostowana jest aplikacja internetowa.
    Rozmiar Bezpłatna Warstwa cenowa określa funkcje hostowania.
  10. W polu Nazwa wprowadź unikatową nazwę aplikacji, która zawiera tylko prawidłowe znaki, to a-z, A-Z, 0-9i -. Możesz zaakceptować automatycznie wygenerowaną unikatową nazwę. Adres URL aplikacji internetowej to http://<app-name>.azurewebsites.net, gdzie <app-name> to nazwa aplikacji.

  11. Wybierz pozycję Utwórz , aby utworzyć zasoby platformy Azure.

    Screenshot of Visual Studio - Create app resources dialog.

    Po zakończeniu pracy kreatora zasoby platformy Azure zostaną utworzone i wszystko będzie gotowe do opublikowania projektu ASP.NET Core.

  12. W oknie dialogowym Publikowanie upewnij się, że została wybrana nowa aplikacja usługi App Service, a następnie wybierz pozycję Zakończ, a następnie wybierz pozycję Zamknij. Program Visual Studio tworzy profil publikowania dla wybranej aplikacji usługi App Service.

  13. Na stronie Publikowanie wybierz pozycję Publikuj. Jeśli zostanie wyświetlony komunikat ostrzegawczy, wybierz pozycję Kontynuuj.

    Program Visual Studio kompiluje, pakuje i publikuje aplikację na platformie Azure, a następnie uruchamia aplikację w domyślnej przeglądarce.

    Na stronie zostanie wyświetlona aplikacja internetowa platformy ASP.NET Core 7.0.

    Screenshot of Visual Studio - ASP.NET Core 7.0 web app in Azure.

  1. W programie Visual Studio Code otwórz paletę poleceń, wybierając pozycję Wyświetl>paletę poleceń.

  2. Wyszukaj i wybierz pozycję "aplikacja systemu Azure Service: Create New Web App (Advanced)" (Usługa aplikacja systemu Azure: Utwórz nową aplikację internetową (zaawansowane)".

  3. Odpowiedz na monity w następujący sposób:

    1. Jeśli zostanie wyświetlony monit, zaloguj się do konta platformy Azure.
    2. Wybierz swoją subskrypcję.
    3. Wybierz pozycję Utwórz nową aplikację internetową... Zaawansowane.
    4. W polu Wprowadź globalnie unikatową nazwę użyj nazwy unikatowej dla całej platformy Azure (prawidłowe znaki to a-z, 0-9i -). Dobrym wzorcem jest użycie kombinacji nazwy firmy i identyfikatora aplikacji.
    5. Wybierz pozycję Utwórz nową grupę zasobów i podaj nazwę, taką jak myResourceGroup.
    6. Po wyświetleniu monitu o wybranie stosu środowiska uruchomieniowego wybierz pozycję .NET 7 (STS).
    7. Wybierz system operacyjny (Windows lub Linux).
    8. Wybierz lokalizację w pobliżu siebie.
    9. Wybierz pozycję Utwórz nowy plan usługi App Service, podaj nazwę i wybierz warstwę cenową F1 Bezpłatna.
    10. Wybierz pozycję Pomiń teraz dla zasobu Application Szczegółowe informacje.
    11. Po wyświetleniu monitu kliknij pozycję Wdróż.
    12. Wybierz pozycję MyFirstAzureWebApp jako folder do wdrożenia.
    13. Po wyświetleniu monitu wybierz pozycję Dodaj konfigurację .
  4. W oknie podręcznym Zawsze wdróż obszar roboczy "MyFirstAzureWebApp" na <nazwę> aplikacji", wybierz pozycję Tak , aby program Visual Studio Code był wdrażany w tej samej aplikacji usługi App Service za każdym razem, gdy jesteś w tym obszarze roboczym.

  5. Po zakończeniu publikowania wybierz pozycję Przeglądaj witrynę internetową w powiadomieniu i wybierz pozycję Otwórz po wyświetleniu monitu.

    Na stronie zostanie wyświetlona aplikacja internetowa platformy ASP.NET Core 7.0.

    Screenshot of Visual Studio Code - ASP.NET Core 7.0 web app in Azure.

  1. Zaloguj się do konta platformy Azure przy użyciu az login polecenia i wykonaj następujące polecenie:

    az login
    
    • az Jeśli polecenie nie jest rozpoznawane, upewnij się, że masz zainstalowany interfejs wiersza polecenia platformy Azure zgodnie z opisem w temacie Wymagania wstępne.
  2. Wdróż kod w lokalnym katalogu MyFirstAzureWebApp przy użyciu az webapp up polecenia :

    az webapp up --sku F1 --name <app-name> --os-type <os>
    
    • Zastąp <app-name> ciąg nazwą unikatową dla całej platformy Azure (prawidłowe znaki to a-z, 0-9i -). Dobrym wzorcem jest użycie kombinacji nazwy firmy i identyfikatora aplikacji.
    • Argument --sku F1 tworzy aplikację internetową w warstwie cenowej Bezpłatna. Pomiń ten argument, aby użyć szybszej warstwy Premium, która wiąże się z kosztami godzinowymi.
    • Zastąp ciąg <os> ciągiem linux lub windows.
    • Opcjonalnie możesz dołączyć argument --location <location-name> , w którym <location-name> jest dostępny region platformy Azure. Listę dozwolonych regionów dla konta platformy Azure można pobrać, uruchamiając az account list-locations polecenie .

    Wykonanie polecenia może potrwać kilka minut. Gdy jest uruchomiona, polecenie udostępnia komunikaty dotyczące tworzenia grupy zasobów, planu usługi App Service i aplikacji hostingu, konfigurowania rejestrowania, a następnie wykonywania wdrożenia zip. Następnie zostanie wyświetlony komunikat z adresem URL aplikacji:

    You can launch the app at http://<app-name>.azurewebsites.net
    
  3. Otwórz przeglądarkę internetową i przejdź do adresu URL:

    Na stronie zostanie wyświetlona aplikacja internetowa platformy ASP.NET Core 7.0.

    Screenshot of the CLI - ASP.NET Core 7.0 web app in Azure.

Uwaga

Program Azure PowerShell jest zalecany do tworzenia aplikacji na platformie hostingowej systemu Windows. Aby utworzyć aplikacje w systemie Linux, użyj innego narzędzia, takiego jak interfejs wiersza polecenia platformy Azure.

  1. Zaloguj się do konta platformy Azure przy użyciu Connect-AzAccount polecenia i wykonaj następujące polecenie:

    Connect-AzAccount
    
  1. Utwórz nową aplikację przy użyciu polecenia New-AzWebApp :

    New-AzWebApp -Name <app-name> -Location westeurope
    
    • Zastąp <app-name> ciąg nazwą unikatową dla całej platformy Azure (prawidłowe znaki to a-z, 0-9i -). Połączenie nazwy firmy i identyfikatora aplikacji jest dobrym wzorcem.
    • Opcjonalnie możesz uwzględnić parametr -Location <location-name> , w którym <location-name> jest dostępny region platformy Azure. Listę dozwolonych regionów dla konta platformy Azure można pobrać, uruchamiając Get-AzLocation polecenie .

    Wykonanie polecenia może potrwać kilka minut. Gdy jest uruchomiona, polecenie tworzy grupę zasobów, plan usługi App Service i zasób usługi App Service.

  2. Z folderu głównego aplikacji przygotuj lokalną aplikację MyFirstAzureWebApp do wdrożenia przy użyciu dotnet publish polecenia :

    dotnet publish --configuration Release
    
  3. Przejdź do katalogu wydania i utwórz plik zip z zawartości:

    cd bin\Release\net7.0\publish
    Compress-Archive -Path * -DestinationPath deploy.zip
    
  4. Opublikuj plik zip w aplikacji platformy Azure przy użyciu polecenia Publish-AzWebApp :

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
    

    Uwaga

    -ArchivePath wymaga pełnej ścieżki pliku zip.

  5. Otwórz przeglądarkę internetową i przejdź do adresu URL:

    Na stronie zostanie wyświetlona aplikacja internetowa platformy ASP.NET Core 7.0.

    Screenshot of the CLI - ASP.NET Core 7.0 web app in Azure.

  1. Wpisz usługi app services w wyszukiwaniu. W obszarze Usługi wybierz pozycję App Services.

    Screenshot of portal search in the Azure portal.

  2. Na stronie App Services wybierz pozycję + Utwórz.

  3. Na karcie Podstawy :

    • W obszarze Grupa zasobów wybierz pozycję Utwórz nową. Wpisz nazwę myResourceGroup.
    • W obszarze Nazwa wpisz globalnie unikatową nazwę aplikacji internetowej.
    • W obszarze Publikowanie wybierz pozycję Kod.
    • W obszarze Stos środowiska uruchomieniowego wybierz pozycję .NET 7 (STS).
    • Wybierz system operacyjny i region, z którego chcesz obsługiwać aplikację.
    • W obszarze Plan usługi App Service wybierz pozycję Utwórz nową i wpisz myAppServicePlan jako nazwę.
    • W obszarze Plan cenowy wybierz pozycję Bezpłatna F1.

    Screenshot of new App Service app configuration for .NET 7 in the Azure portal.

  4. Wybierz kartę Wdrożenie w górnej części strony

  5. W obszarze Ustawienia funkcji GitHub Actions ustaw pozycję Ciągłe wdrażanie na Wartość Włącz.

  6. W obszarze Szczegóły funkcji GitHub Actions uwierzytelnij się przy użyciu konta usługi GitHub i wybierz następujące opcje:

    • W polu Organizacja wybierz organizację, w której rozwidlisz projekt demonstracyjny.
    • W polu Repozytorium wybierz projekt dotnetcore-docs-hello-world .
    • W obszarze Gałąź wybierz pozycję master.

    Screenshot of the deployment options for an app using the .NET 6 runtime.

    Uwaga

    Domyślnie kreator tworzenia wyłącza uwierzytelnianie podstawowe, a wdrożenie funkcji GitHub Actions jest tworzone przy użyciu tożsamości przypisanej przez użytkownika. Jeśli podczas tworzenia zasobu wystąpi błąd uprawnień, twoje konto platformy Azure może nie mieć wystarczających uprawnień. Wdrożenie funkcji GitHub Actions można skonfigurować później przy użyciu tożsamości wygenerowanej przez administratora platformy Azure lub zamiast tego włączyć uwierzytelnianie podstawowe.

  7. Wybierz przycisk Przejrzyj i utwórz w dolnej części strony.

  8. Po uruchomieniu walidacji wybierz przycisk Utwórz w dolnej części strony.

  9. Po zakończeniu wdrażania wybierz pozycję Przejdź do zasobu.

    Screenshot of the next step of going to the resource.

  10. Przejdź do wdrożonej aplikacji w przeglądarce internetowej pod adresem URL http://<app-name>.azurewebsites.net.

  1. Zaloguj się do konta platformy Azure przy użyciu polecenia az login i wykonaj następujące czynności:

    azd auth login
    
  2. Utwórz zasoby platformy Azure i wdróż aplikację przy azd up użyciu polecenia :

    azd up
    

    Wykonanie azd up polecenia może potrwać kilka minut. azd up Używa plików Bicep w projektach do utworzenia grupy zasobów, planu usługi App Service i aplikacji hostingu. Wykonuje również pewne konfiguracje, takie jak włączanie rejestrowania i wdrażanie skompilowanego kodu aplikacji. Gdy jest uruchomiona, polecenie udostępnia komunikaty dotyczące procesu aprowizacji i wdrażania, w tym link do wdrożenia na platformie Azure. Po zakończeniu polecenie wyświetli również link do aplikacji wdrażania.

  3. Otwórz przeglądarkę internetową i przejdź do adresu URL:

    Na stronie zostanie wyświetlona aplikacja internetowa platformy ASP.NET Core 7.0.

    Screenshot of the deployed .NET Framework 4.8 sample app.

3. Aktualizowanie aplikacji i ponowne wdrażanie

Wykonaj następujące kroki, aby zaktualizować i ponownie wdrożyć aplikację internetową:

  1. W Eksplorator rozwiązań w projekcie otwórz plik Index.cshtml.

  2. Zastąp pierwszy <div> element następującym kodem:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    Zapisz zmiany.

  3. Aby ponownie wdrożyć na platformie Azure, kliknij prawym przyciskiem myszy projekt MyFirstAzureWebApp w Eksplorator rozwiązań i wybierz polecenie Publikuj.

  4. Na stronie Podsumowanie publikowania wybierz pozycję Publikuj.

    Po zakończeniu publikowania program Visual Studio otworzy w przeglądarce adres URL aplikacji internetowej.

    Na stronie zostanie wyświetlona zaktualizowana aplikacja internetowa ASP.NET Core 7.0.

    Screenshot of Visual Studio - Updated ASP.NET Core 7.0 web app in Azure.

  1. Otwórz plik Index.cshtml.

  2. Zastąp pierwszy <div> element następującym kodem:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    Zapisz zmiany.

  3. W programie Visual Studio Code otwórz paletę poleceń Ctrl +Shift+P.

  4. Wyszukaj i wybierz pozycję "aplikacja systemu Azure Service: Deploy to Web App" (Usługa aplikacja systemu Azure: Wdrażanie w aplikacji internetowej).

  5. Po wyświetleniu monitu wybierz pozycję Wdróż .

  6. Po zakończeniu publikowania wybierz pozycję Przeglądaj witrynę internetową w powiadomieniu i wybierz pozycję Otwórz po wyświetleniu monitu.

    Na stronie zostanie wyświetlona zaktualizowana aplikacja internetowa ASP.NET Core 7.0.

    Screenshot of Visual Studio Code - Updated ASP.NET Core 7.0 web app in Azure.

W katalogu lokalnym otwórz plik Index.cshtml . Zastąp pierwszy <div> element:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Zapisz zmiany, a następnie ponownie wdróż aplikację przy użyciu az webapp up polecenia :

ASP.NET Core 7.0 to platforma międzyplatformowa, oparta na poprzednim wdrożeniu zastąp elementem <os>linux lub windows.

az webapp up --os-type <os>

To polecenie używa wartości buforowanych lokalnie w pliku .azure/config , w tym nazwy aplikacji, grupy zasobów i planu usługi App Service.

Po zakończeniu wdrożenia przejdź z powrotem do okna przeglądarki otwartego w kroku przechodzenia do aplikacji, a następnie kliknij przycisk Odśwież.

Na stronie zostanie wyświetlona zaktualizowana aplikacja internetowa ASP.NET Core 7.0.

Screenshot of the CLI - Updated ASP.NET Core 7.0 web app in Azure.

  1. W katalogu lokalnym otwórz plik Index.cshtml . Zastąp pierwszy <div> element:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    
  2. Z folderu głównego aplikacji przygotuj lokalną aplikację MyFirstAzureWebApp do wdrożenia przy użyciu dotnet publish polecenia :

    dotnet publish --configuration Release
    
  3. Przejdź do katalogu wydania i utwórz plik zip z zawartości:

    cd bin\Release\net7.0\publish
    Compress-Archive -Path * -DestinationPath deploy.zip
    
  4. Opublikuj plik zip w aplikacji platformy Azure przy użyciu polecenia Publish-AzWebApp :

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
    

    Uwaga

    -ArchivePath wymaga pełnej ścieżki pliku zip.

  5. Po zakończeniu wdrożenia przejdź z powrotem do okna przeglądarki otwartego w kroku przechodzenia do aplikacji, a następnie kliknij przycisk Odśwież.

    Na stronie zostanie wyświetlona zaktualizowana aplikacja internetowa ASP.NET Core 7.0.

    Screenshot of the CLI - Updated ASP.NET Core 7.0 web app in Azure.

  1. Przejdź do rozwidlenia usługi GitHub przykładowego kodu.

  2. Na stronie repozytorium naciśnij klawisz . , aby uruchomić program Visual Studio Code w przeglądarce.

    Uwaga

    Adres URL zmieni się z GitHub.com na GitHub.dev. Ta funkcja działa tylko z repozytoriami, które mają pliki. Nie działa to w przypadku pustych repozytoriów.

  3. Otwórz plik Index.cshtml.

    Plik Index.cshtml znajduje się w folderze Pages .

    Screenshot of the Explorer window from Visual Studio Code in the browser, highlighting the Index.cshtml in the dotnetcore-docs-hello-world repo.

  4. Zastąp pierwszy <div> element następującym kodem:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    Zapisz zmiany.

  5. Z menu Kontrola źródła wybierz przycisk Zmiany etapu, aby przygotować zmianę.

  6. Wprowadź komunikat zatwierdzenia, taki jak We love Azure. Następnie wybierz pozycję Zatwierdź i wypchnij.

  7. Po zakończeniu wdrożenia wróć do okna przeglądarki otwartego w kroku przechodzenia do aplikacji, a następnie odśwież stronę.

    Na stronie zostanie wyświetlona zaktualizowana aplikacja internetowa ASP.NET Core 7.0.

    Screenshot of the CLI - Updated ASP.NET Core 7.0 web app in Azure.

W katalogu lokalnym otwórz plik Index.cshtml . Zastąp pierwszy <div> element:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Zapisz zmiany, a następnie ponownie wdróż aplikację przy użyciu azd up polecenia :

azd up

azd up Spowoduje to pominięcie kroku aprowizacji zasobów i ponowne wdrożenie kodu, ponieważ nie nastąpiły żadne zmiany w plikach Bicep.

Po zakończeniu wdrażania przeglądarka otworzy zaktualizowaną aplikację internetową ASP.NET Core 7.0.

Screenshot of the CLI - Updated ASP.NET Core 7.0 web app in Azure.

4. Zarządzanie aplikacją platformy Azure

Aby zarządzać aplikacją internetową, przejdź do witryny Azure Portal i wyszukaj i wybierz pozycję App Services.

Screenshot of the Azure portal - Select App Services option.

Na stronie App Services wybierz nazwę aplikacji internetowej.

Screenshot of the Azure portal - App Services page with an example web app selected.

Strona Przegląd aplikacji internetowej zawiera opcje zarządzania podstawowego, takie jak przeglądanie, zatrzymywanie, uruchamianie, ponowne uruchamianie i usuwanie. Menu po lewej stronie zawiera kolejne strony służące do konfigurowania aplikacji.

Screenshot of the Azure portal - App Service overview page.

Czyszczenie zasobów

W poprzednich krokach utworzono zasoby platformy Azure w grupie zasobów. Jeśli nie będziesz już potrzebować tych zasobów w przyszłości, możesz je usunąć przez usunięcie grupy zasobów.

  1. W witrynie Azure Portal na stronie Przegląd aplikacji internetowej wybierz link myResourceGroup w obszarze Grupa zasobów.
  2. Na stronie grupy zasobów upewnij się, że zasoby na liście są tymi, które chcesz usunąć.
  3. Wybierz pozycję Usuń, wpisz ciąg myResourceGroup w polu tekstowym, a następnie wybierz opcję Usuń.

Czyszczenie zasobów

W poprzednich krokach utworzono zasoby platformy Azure w grupie zasobów. Jeśli nie będziesz już potrzebować tych zasobów w przyszłości, możesz je usunąć przez usunięcie grupy zasobów.

  1. W witrynie Azure Portal na stronie Przegląd aplikacji internetowej wybierz link myResourceGroup w obszarze Grupa zasobów.
  2. Na stronie grupy zasobów upewnij się, że zasoby na liście są tymi, które chcesz usunąć.
  3. Wybierz pozycję Usuń, wpisz ciąg myResourceGroup w polu tekstowym, a następnie wybierz opcję Usuń.

Czyszczenie zasobów

W poprzednich krokach utworzono zasoby platformy Azure w grupie zasobów. Jeśli te zasoby nie będą raczej potrzebne w przyszłości, usuń grupę zasobów, uruchamiając następujące polecenie w usłudze Cloud Shell:

az group delete --name myResourceGroup

Wykonanie tego polecenia może potrwać około minutę.

Czyszczenie zasobów

W poprzednich krokach utworzono zasoby platformy Azure w grupie zasobów. Jeśli nie oczekujesz, że te zasoby będą potrzebne w przyszłości, usuń grupę zasobów, uruchamiając następujące polecenie programu PowerShell:

Remove-AzResourceGroup -Name myResourceGroup

Wykonanie tego polecenia może potrwać około minutę.

Czyszczenie zasobów

W poprzednich krokach utworzono zasoby platformy Azure w grupie zasobów. Jeśli nie będziesz już potrzebować tych zasobów w przyszłości, możesz je usunąć przez usunięcie grupy zasobów.

  1. W witrynie Azure Portal na stronie Przegląd aplikacji internetowej wybierz link myResourceGroup w obszarze Grupa zasobów.
  2. Na stronie grupy zasobów upewnij się, że zasoby na liście są tymi, które chcesz usunąć.
  3. Wybierz pozycję Usuń, wpisz ciąg myResourceGroup w polu tekstowym, a następnie wybierz opcję Usuń.

Czyszczenie zasobów

Użyj polecenia , azd down aby usunąć grupę zasobów i wszystkie skojarzone z nią zasoby:

azd down

Zapoznaj się z dokumentacją interfejsu wiersza polecenia dla deweloperów platformy Azure, aby uzyskać kolejne kroki dotyczące pracy z szablonami azd i dodatkowymi funkcjami.

Następne kroki