Ejercicio: Creación de una aplicación ASP.NET Core

10 minutos

Imagine que es empleado de una empresa de pizzas llamada Contoso Pizza. El administrador le ha pedido que desarrolle un sitio interno de administración del inventario de pizzas. El sitio tiene que admitir la adición, visualización, modificación y eliminación de tipos de pizza.

La CLI de .NET es la forma más sencilla de crear una aplicación web de ASP.NET Core. La CLI se ha preinstalado al instalar el SDK de .NET. En esta unidad, usará la CLI de .NET para crear una aplicación web de ASP.NET Core localmente. También comprenderá el proyecto resultante.

Creación de un proyecto de aplicación web

Para configurar un proyecto de .NET para que funcione con una aplicación web, se va a usar Visual Studio Code. Visual Studio Code incluye un terminal integrado que facilita la creación de un proyecto. Si no quiere usar otro editor de código, puede ejecutar los comandos de este módulo en un terminal.

En Visual Studio Code, seleccione Archivo > Abrir carpeta.
Cree una carpeta con el nombre RazorPagesPizza en la ubicación que prefiera y haga clic en Seleccionar carpeta.
Abra el terminal integrado desde Visual Studio Code; para ello, seleccione Ver > Terminal en el menú principal.
En la ventana del terminal, copie y pegue el siguiente comando.
```
dotnet new webapp -f net5.0
```
Este comando crea los archivos para un proyecto de API web básico, junto con un archivo de proyecto de C# de nombre RazorPagesPizza.csproj, que va a devolver una lista de previsiones meteorológicas.

Puede recibir un mensaje de Visual Studio Code para que agregue recursos para depurar el proyecto. Haga clic en Yes en el cuadro de diálogo.

El comando usa una plantilla de proyecto de ASP.NET Core para aplicar scaffolding a un proyecto de aplicación web basado en C#. Se crea un directorio RazorPagesPizza que contiene un proyecto de ASP.NET Core que se ejecuta en .NET. El nombre del proyecto coincide con el nombre del directorio RazorPagesPizza.

Ahora debería tener acceso a estos archivos.
```
-| obj
-| Pages
   - | Shared
   - | _ViewImports.cshtml
   - | _ViewStart.cshtml
   - | Error.cshtml
   - | Error.cshtml.cs
   - | Index.cshtml
   - | Index.cshtml.cs
   - | Privacy.cshtml
   - | Privacy.cshtml.cs
-| Properties
-| appsettings.Development.json
-| appsettings.json
-| Program.cs
-| RazorPagesPizza.csproj
-| Startup.cs
```

Ejecución del proyecto de Razor Pages y exploración de su interfaz de usuario

Compilación y ejecución del proyecto

Ejecute el comando siguiente de la CLI de .NET Core en el shell de comandos:
```
dotnet run
```
El comando anterior:
- Busca el archivo de proyecto en el directorio actual.
- Recupera e instala las dependencias de proyecto necesarias para este proyecto.
- Compila el código del proyecto.
- Hospeda la aplicación web con el servidor web de Kestrel de ASP.NET Core tanto en http://localhost:5000 como en https://localhost:5001.
En este módulo se usa la dirección URL de localhost segura que empieza con https. Las páginas de la aplicación no se pueden ver en un explorador, ya que todavía no se ha hospedado en un punto de conexión público. En un paso siguiente hospedará la aplicación en un punto de conexión público.

Se muestra una variación de la salida siguiente para indicar que la aplicación está en ejecución:
```
info: Microsoft.Hosting.Lifetime[0]
      Now listening on: https://localhost:5001
info: Microsoft.Hosting.Lifetime[0]
      Now listening on: http://localhost:5000
info: Microsoft.Hosting.Lifetime[0]
      Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
      Hosting environment: Development
info: Microsoft.Hosting.Lifetime[0]
      Content root path: /home/<user>/aspnet-learn/src/RazorPagesPizza
```

Si ejecuta esta aplicación en su propia máquina, podría dirigir un explorador a https://localhost:5001 para ver la página resultante.

Paseo por la aplicación

Abra la aplicación en el explorador; para ello, vaya a https://localhost:5001.
Vaya a la página Privacidad; para ello, haga clic en el vínculo de la barra de navegación de la parte superior de la página. Observe que la dirección URL termina con Privacidad. Por convención, las aplicaciones de Razor Pages asignan rutas de páginas a los archivos dentro de la estructura de directorios Páginas.

Comprobó que puede compilar, ejecutar e implementar correctamente el proyecto. Vamos a modificarlo para que el usuario pueda mostrar y actualizar una lista de pizzas.

Continuar