Sdílet prostřednictvím


Publikování aplikace ASP.NET Core do Azure pomocí sady Visual Studio

Důležité

Předběžné verze ASP.NET Core pro Azure App Service

ASP.NET verze Preview core se ve výchozím nastavení nenasazují do služby Azure App Service. Pokud chcete hostovat aplikaci, která používá verzi ASP.NET Core Preview, přečtěte si téma Nasazení verze ASP.NET Core Preview do služby Azure App Service.

Informace o řešení potíží s nasazením služby App Service najdete v tématu Řešení potíží s ASP.NET Core ve službě Azure App Service a službě IIS.

Nastavení

Pokud ho nemáte, otevřete si bezplatný účet Azure .

Vytvoření webové aplikace

Spusťte Visual Studio 2022 a vyberte Vytvořit nový projekt.

Vytvoření nového projektu z úvodního okna

V dialogovém okně Vytvořit nový projekt vyberte ASP.NET Core Web App a pak vyberte Další.

Vytvoření webové aplikace ASP.NET Core

V dialogovém okně Konfigurovat nový projekt pojmenujte projekt a pak vyberte Další.

V dialogovém okně Další informace :

  • Ve vstupu rozhraní vyberte .NET 7.0 (standardní podpora termínů).
  • Ve vstupu Typ ověřování vyberte Jednotlivé účty a pak vyberte Vytvořit.

Další informace

Visual Studio vytvoří řešení.

Spuštění aplikace

  • Stisknutím klávesy F5 spusťte projekt.

Webová aplikace otevřená v Microsoft Edgi na místním hostiteli

Registrace uživatele

  • Vyberte Zaregistrovat a zaregistrovat nového uživatele. Můžete použít fiktivní e-mailovou adresu. Po odeslání se na stránce zobrazí následující chyba:

    Operace databáze se nezdařila při zpracování požadavku. Tento problém se může vyřešit použitím existujících migrací.

  • Vyberte Použít migrace a po aktualizaci stránky obnovte stránku.

Operace databáze selhala při zpracování požadavku.

  • Zobrazí se potvrzovací stránka registru . Kliknutím sem potvrďte svůj účet.
  • Zobrazí se stránka Potvrzení e-mailu .
  • Přihlaste se jako nový uživatel.

Aplikace zobrazí e-mail použitý k registraci nového uživatele a odkazu na odhlášení .

Webová aplikace se otevře v Microsoft Edgi. Odkaz Pro registraci je nahrazen textem Hello user@example.com!

  • Ukončete aplikaci zavřením prohlížeče nebo v sadě Visual Studio vyberte Ladění>Zastavit ladění.
  • V sadě Visual Studio vyberte Sestavení>Čisté řešení, abyste vyčistili položky projektu a vyhnuli se kolizím souborů.

Nasazení aplikace do Azure

V Průzkumníku řešení klikněte pravým tlačítkem myši na projekt a vyberte Publikovat.

Kontextová nabídka otevřená se zvýrazněným odkazem Publikovat

V dialogovém okně Publikovat :

  • Vyberte Azure.
  • Vyberte Další.

Dialogové okno Publikovat

V dialogovém okně Publikovat :

  • Vyberte Azure App Service (Windows).
  • Vyberte Další.

Dialogové okno Publikovat: Vyberte službu Azure.

V dialogovém okně Publikovat na kartě App Service vyberte Vytvořit nový.

Dialogové okno Publikování: Výběr instance služby Azure

Zobrazí se dialogové okno Vytvořit službu App Service :

  • Do polí Název, Skupina prostředků a Plán hostování jsou zapsány příslušné hodnoty. Tyto názvy můžete ponechat nebo je změnit.
  • Vyberte Vytvořit.

Dialogové okno pro Vytvoření služby App Service

Po vytvoření se dialogové okno automaticky zavře a dialogové okno Publikovat se znovu zaměří:

  • Nová instance, která byla právě vytvořena, je automaticky vybrána.
  • Vyberte Dokončit.

Dialogové okno Publikování: vyberte instanci služby App Service.

Dialogové okno Průběh vytváření profilu publikování potvrzuje, že byl profil publikování vytvořen. Vyberte Zavřít.

Dále se zobrazí stránka se souhrnem profilu publikování . Sada Visual Studio zjistila, že tato aplikace vyžaduje databázi SQL Serveru, kterou obsahuje v podokně Závislosti služby. Vyberte elipsu (...) a pak Připojit.

Stránka souhrnu profilu publikování: konfigurace závislostí na SQL Serveru

Zobrazí se dialogové okno Připojení k závislosti:

  • Vyberte Azure SQL Database.
  • Vyberte Další.

Dialogové okno Konfigurace závislostí SQL Serveru

V dialogovém okně Připojit k databázi Azure SQL vyberte Vytvořit novou.

Výběr možnosti Vytvořit databázi SQL

Zobrazí se okno Vytvořit službu Azure SQL Database :

  • Pole Název databáze, Skupina prostředků, Databázový server a Plán služby App Service jsou vyplněna. Tyto hodnoty můžete zachovat nebo je změnit.
  • Zadejte uživatelské jméno správce databáze a heslo správce databáze pro vybraný databázový server (všimněte si, že účet, který používáte, musí mít potřebná oprávnění k vytvoření nové databáze Azure SQL).
  • Vyberte Vytvořit.

Dialogové okno Nová databáze Azure SQL

Po vytvoření se dialogové okno automaticky zavře a dialogové okno Připojit ke službě Azure SQL Database opět získá fokus.

  • Nová instance, která byla právě vytvořena, je automaticky vybrána.
  • Vyberte Další.

Vybrat další

V dalším kroku dialogového okna Připojit ke službě Azure SQL Database :

  • Zadejte uživatelské jméno aheslo pro připojení k databázi . Toto jsou podrobnosti, které vaše aplikace použije k připojení k databázi za běhu. Osvědčeným postupem je vyhnout se použití stejných podrobností jako uživatelské jméno a heslo správce použité v předchozím kroku.
  • Vyberte Dokončit.

Dialogové okno Konfigurace služby Azure SQL Database, podrobnosti připojovacího řetězce

Dialogové okno Průběh konfigurace závislostí potvrzuje, že je služba Azure SQL Database nakonfigurovaná. Vyberte Zavřít.

Na stránce Souhrn profilu publikování vyberte Další akce>Upravit:

Stránka se shrnutím profilu publikování: úprava nastavení

Na kartě Nastavení dialogového okna Publikovat :

  • Rozbalte Databáze a zaškrtněte políčko Použít tento připojovací řetězec za běhu.

  • Rozbalte Migrace Entity Framework a vyberte Použít tuto migraci při publikování.

  • Vyberte Uložit. Visual Studio se vrátí do dialogového okna Publikovat .

Dialogové okno Publikovat: Panel Nastavení:Uložit

Klikněte na Publikovat. Visual Studio publikuje aplikaci do Azure. Po dokončení nasazení.

Poslední krok

Aplikace se otevře v prohlížeči. Zaregistrujte nového uživatele a přihlaste se jako nový uživatel, abyste ověřili nasazení databáze a připojení za běhu.

Aktualizace aplikace

  • Pages/Index.cshtml Razor Upravte stránku a změňte její obsah a uložte změny. Můžete například upravit odstavec tak, aby řekl "Hello ASP.NET Core!":

    @page
    @model IndexModel
    @{
        ViewData["Title"] = "Home page";
    }
    
    <div class="text-center">
        <h1 class="display-4">Welcome</h1>
        <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
        <p>Hello ASP.NET Core!</p>
    </div>
    
  • Znovu vyberte Publikovat na stránce souhrnu profilu publikování .

Stránka se souhrnem publikačního profilu

  • Po publikování aplikace aktualizujte stránku a ověřte, že provedené změny jsou dostupné v Azure.

Ověření dokončení úkolu

Vyčištění

Po dokončení testování aplikace přejděte na web Azure Portal a aplikaci odstraňte.

  • Vyberte skupiny prostředků a pak vyberte skupinu prostředků, kterou jste vytvořili.

Azure Portal: Skupiny prostředků v nabídce bočního panelu

  • Na stránce Skupina prostředků vyberte Odstranit skupinu prostředků.

Azure Portal: Stránka Skupiny prostředků

  • Zadejte název skupiny prostředků a vyberte Odstranit. Vaše aplikace a všechny ostatní prostředky vytvořené v tomto kurzu se teď z Azure odstraní.

Dodatečné zdroje