Een ASP.NET Core-app publiceren naar Azure met Visual Studio

Belangrijk

ASP.NET Core preview-uitgaven met Azure App Service

ASP.NET Core preview-releases worden niet standaard geïmplementeerd in Azure App Service. Als u een app wilt hosten die gebruikmaakt van een preview-versie van ASP.NET Core, raadpleegt u ASP.NET Core Preview-release implementeren in Azure App Service.

Zie Troubleshoot ASP.NET Core on Azure App Service and IIS (Problemen met ASP.NET Core in Azure App Service en IIS oplossen) als u een probleem met een App Service-implementatie wilt oplossen.

Inrichten

Open een gratis Azure-account als u er nog geen hebt.

Een web-app maken

Start Visual Studio 2022 en selecteer Een nieuw project maken.

Selecteer in het dialoogvenster Een nieuw project makenASP.NET Core Web App en selecteer vervolgens Volgende.

Geef in het dialoogvenster Uw nieuwe project configureren de naam van uw project en selecteer vervolgens Volgende.

In het dialoogvenster Aanvullende informatie :

• Selecteer .NET 7.0 (Standard Term Support) in de Framework-invoer.
• Selecteer in de invoer Verificatietype de optie Afzonderlijke accounts en selecteer vervolgens Aanmaken.

Visual Studio maakt de oplossing.

De app uitvoeren

• Druk op F5 om het project uit te voeren.

Een gebruiker registreren

• Selecteer Registreren en een nieuwe gebruiker registreren. U kunt een fictief e-mailadres gebruiken. Wanneer u verzendt, wordt op de pagina de volgende fout weergegeven:

  'Een databasebewerking is mislukt tijdens het verwerken van de aanvraag. Het toepassen van bestaande migraties kan dit probleem oplossen"

• Selecteer Migraties toepassen en vernieuw de pagina zodra de pagina is bijgewerkt.

• Er wordt een bevestigingspagina voor registratie weergegeven. Selecteer Klik hier om uw account te bevestigen.
• Een Bevestig e-mail pagina wordt weergegeven.
• Meld u aan als de nieuwe gebruiker.

In de app wordt het e-mailadres weergegeven dat is gebruikt om de nieuwe gebruiker te registreren en een uitloglink.

• Stop de toepassing door de browser te sluiten of selecteer Debug>Foutopsporing stoppen in Visual Studio.
• Selecteer in Visual Studio Build>Clean Solution om projectitems op te schonen en bestandsconflicten te voorkomen.

De app implementeren in Azure

Klik met de rechtermuisknop op het project in Solution Explorer en selecteer Publiceren.

In het dialoogvenster Publiceren :

• Selecteer Azure.
• Kies Volgende.

In het dialoogvenster Publiceren :

• Kies Azure App Service (Windows).
• Kies Volgende.

Selecteer nieuwe maken in het dialoogvenster Publiceren op het tabblad App Service.

Het dialoogvenster App Service maken wordt weergegeven:

• De velden Naam, Resourcegroep en Hostingplan worden ingevuld. U kunt deze namen behouden of wijzigen.
• Klik op Creëren.

Nadat het maken is voltooid, wordt het dialoogvenster automatisch gesloten en krijgt het dialoogvenster Publiceren opnieuw de focus:

• Het nieuwe exemplaar dat zojuist is gemaakt, wordt automatisch geselecteerd.
• Selecteer en voltooi.

Het dialoogvenster Voortgang van het maken van een publicatieprofiel bevestigt dat het publicatieprofiel is gemaakt. Selecteer Sluitaf.

Vervolgens ziet u de overzichtspagina Profiel publiceren . Visual Studio heeft vastgesteld dat voor deze toepassing een SQL Server-database is vereist die wordt vermeld in het deelvenster Serviceafhankelijkheden. Selecteer het beletselteken (...) en maak vervolgens verbinding.

Het dialoogvenster Verbinding maken met afhankelijkheid wordt weergegeven:

• Selecteer Azure SQL Database-.
• Kies Volgende.

Selecteer in het dialoogvenster Verbinding maken met Azure SQL-databasede optie Nieuwe maken.

De Azure SQL Database maken wordt weergegeven:

• De velden Databasenaam, Resourcegroep, Databaseserver en App Service Plan worden ingevuld. U kunt deze waarden behouden of wijzigen.
• Voer de gebruikersnaam en het wachtwoord van de databasebeheerder in voor de geselecteerde databaseserver (let op het account dat u gebruikt, moet over de benodigde machtigingen beschikken om de nieuwe Azure SQL-database te maken)
• Klik op Creëren.

Nadat het maken is voltooid, wordt het dialoogvenster automatisch gesloten en krijgt het dialoogvenster Verbinding maken met Azure SQL Database de focus opnieuw:

• Het nieuwe exemplaar dat zojuist is gemaakt, wordt automatisch geselecteerd.
• Kies Volgende.

In de volgende stap van het dialoogvenster Verbinding maken met Azure SQL Database :

• Voer de gebruikersnaam en wachtwoordvelden voor de databaseverbinding in. Dit zijn de details die uw toepassing gebruikt om tijdens runtime verbinding te maken met de database. Het is raadzaam om te voorkomen dat u dezelfde gegevens gebruikt als de gebruikersnaam en het wachtwoord van de beheerder die in de vorige stap zijn gebruikt.
• Selecteer en voltooi.

In het dialoogvenster voortgang van de afhankelijkheidsconfiguratie wordt bevestigd dat de Azure SQL Database is geconfigureerd. Selecteer Sluitaf.

Selecteer op de Overzichtspagina Publicatieprofiel de optie Meer acties> en vervolgens Bewerken:

Op het tabblad Instellingen van het dialoogvenster Publiceren :

• Vouw Databases uit en gebruik deze verbindingsreeks tijdens runtime.

• Vouw Entity Framework-migraties uit en selecteer Deze migratie toepassen bij publiceren.

• Selecteer Opslaan. Visual Studio keert terug naar het dialoogvenster Publiceren .

Klik op Publiceren. Visual Studio publiceert uw app naar Azure. Wanneer de implementatie is voltooid.

De app wordt geopend in een browser. Registreer een nieuwe gebruiker en log in als de nieuwe gebruiker om de implementatie van de database en de runtime-verbinding te valideren.

De app bijwerken

• Bewerk de Pages/Index.cshtmlRazor pagina en wijzig de inhoud en sla de wijzigingen op. U kunt bijvoorbeeld de alinea wijzigen om 'Hallo ASP.NET Kern!' te zeggen:

  @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>
  

• Selecteer Publiceren opnieuw op de overzichtspagina Profiel publiceren .

• Nadat de app is gepubliceerd, vernieuwt u de pagina en controleert u of de wijzigingen die u hebt aangebracht beschikbaar zijn in Azure.

Schoonmaken

Wanneer u klaar bent met het testen van de app, gaat u naar Azure Portal en verwijdert u de app.

• Selecteer Resourcegroepen en selecteer vervolgens de resourcegroep die u hebt gemaakt.

• Selecteer Op de pagina Resourcegroep de optie Resourcegroep verwijderen.

• Voer de naam van de resourcegroep in en selecteer Verwijderen. Uw app en alle andere resources die in deze zelfstudie zijn gemaakt, worden nu verwijderd uit Azure.

Aanvullende bronnen

• Azure App Service
• Azure-resourcegroepen
• Azure SQL Database
• Visual Studio-publicatieprofielen (.pubxml) voor ASP.NET Core-app-implementatie
• Problemen met ASP.NET Core in Azure App Service en IIS- oplossen