Tutoriel : Bien démarrer avec ASP.NET Core

Ce tutoriel montre comment créer et exécuter une application web ASP.NET Core à l’aide de l’interface CLI .NET Core.

Vous découvrirez comment effectuer les actions suivantes :

• Créer un projet application web.
• Approuver le certificat de développement.
• Exécutez l’application.
• Modifiez une page Razor.

À la fin du tutoriel, vous disposerez d’une application web qui fonctionne et s’exécute sur votre machine locale.

Prérequis

Kit de développement logiciel (SDK) .NET 7.0

Créer un projet d’application web

Ouvrez un interpréteur de commandes, puis entrez la commande suivante :

dotnet new webapp -o aspnetcoreapp

La commande précédente :

• Crée une application web.
• Le paramètre -o aspnetcoreapp crée un répertoire nommé aspnetcoreapp avec les fichiers sources de l’application.

Approuver le certificat de développement

Approuvez le certificat de développement HTTPS :

Windows

dotnet dev-certs https --trust

La commande précédente affiche la boîte de dialogue suivante :

Sélectionnez Oui si vous acceptez d’approuver le certificat de développement.

macOS

dotnet dev-certs https --trust

La commande précédente affiche le message suivant :

L’approbation du certificat de développement HTTPS a été demandée. Si le certificat n’est pas déjà approuvé, nous exécutons la commande suivante : 'sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain <<certificate>>'

Cette commande risque de vous demander votre mot de passe afin d’installer le certificat sur le trousseau système. Entrez votre mot de passe si vous acceptez d’approuver le certificat de développement.

Linux

Consultez la documentation de votre distribution Linux pour savoir comment approuver le certificat de développement HTTPS.

Pour plus d’informations, consultez Approuver le certificat de développement ASP.NET Core HTTPS

Exécuter l’application

Exécutez les commandes suivantes :

cd aspnetcoreapp
dotnet watch run

Une fois que l’interface de commande indique que l’application a démarré, accédez à https://localhost:{port}, où {port} correspond au port aléatoire utilisé.

Modifier une page Razor

Ouvrez Pages/Index.cshtml, puis modifiez et enregistrez la page avec le balisage en surbrillance suivant :

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Hello, world! The time on the server is @DateTime.Now</p>
</div>

Accédez à https://localhost:{port}, actualisez la page et vérifiez que les modifications sont affichées.

Étapes suivantes

Dans ce didacticiel, vous avez appris à :

• Créer un projet application web.
• Approuver le certificat de développement.
• Exécutez le projet .
• Apportez la modification souhaitée.

Pour en savoir plus sur ASP.NET Core, consultez l’article suivant :

Vue d’ensemble d’ASP.NET Core