spa30

Proyecto Mercado

Vamos a crear una aplicación web sencilla donde las personas puedan administrar los productos que desean vender.

• Todos pueden explorar los productos existentes.
• Sólo los usuarios autenticados pueden agregar nuevos productos.
• Solo el propietario de un producto puede editar o eliminar un producto.

Vamos a construir 3 proyectos. El proyecto FrontEnd será una aplicación web progresiva creada con Vuejs, Vue Router y Vuetify, mientras que del lado del servidor crearemos dos aplicaciones web .NET Core 3.0 utilizando Visual Studio 2019: una expondrá una API REST mientras que la segunda se encargará de Autenticación, utilizando Identity Server 4.

1. Cliente front-end
   • Javascript (ECMAScript 2015+)
   • HTML5
   • CSS 3
   • Vue.js 2
   • Enrutador Vue
   • Vuetificar
   • Abrir cliente de ID Connect
   • Obtener API
   • API de cámara nativa

Este proyecto interactuará con el usuario a través de un navegador construyendo dinámicamente una interfaz de usuario HTML y se comunicará con el servidor mediante javascript y json.

2. Servicio DESCANSO
   • Controlador API web .NET Core 3.0
   • Entidad Framework Core 3.0
   • Base de datos del servidor SQL
   • Autenticación del cliente del servidor de identidad

Este proyecto será responsable de almacenar los datos en el servidor y responder a las solicitudes del cliente a través de http y json.

3. Servidor de autenticación
   • Servidor de identidad 4
   • Núcleo del marco de entidad

Este proyecto se encargará de la parte de autenticación. Emitirá tokens JWT que serán utilizados por la aplicación cliente para obtener acceso al servidor.

Lo que ya necesitas saber:

• DO#
• Javascript (ECMAScript 2015+)
• HTML5
• CSS 3

Lo que vas a aprender:

• ¿Qué es el descanso?
• ¿Qué es .NET Core?
• Núcleo ASP.NET
• ¿Qué es un controlador API web?
• Cernícalo
• software intermedio
• Variables ambientales
• Configuración principal de ASP.NET
• Inyección de dependencia
• Núcleo del marco de entidad
• Cartero
• CORS
• Vue.js
• Enrutador Vue
• Obtener API
• Paquete web
• Vuetificar
• Autenticación y autorización
• OAuth 2 y OpenId Connect
• Servidor de identidad 4
• Autorización del propietario del recurso

Antes de comenzar, necesitas

• Visual Studio 2019 (la edición comunitaria es suficiente)

Asegúrese de haber instalado la carga de trabajo "Desarrollo multiplataforma .NET Core". Puede comprobar e instalar cargas de trabajo iniciando el instalador de Visual Studio.

• Código de estudio visual
• Nodo

Para obtener más información sobre la instalación de .NET Core

Consulte https://www.microsoft.com/net/download/windows

---

Nuestro flujo de trabajo

Vamos a dividir nuestros proyectos en pasos simples. Cada paso se centrará en una tarea y se basará en el paso anterior. Comenzaremos con proyectos simples que se irán volviendo cada vez más complejos a lo largo del camino. Por ejemplo, al principio no nos centraremos en la autenticación y la autorización. Lo agregaremos en un paso posterior.

Esta carpeta contiene una subcarpeta diferente. Cada subcarpeta representa una fase de nuestro proyecto. Las carpetas de "Inicio" son los puntos de partida de cada paso. Las carpetas de "Soluciones" son las versiones finales de cada paso, que se le entregan en caso de que desee verificar en qué se supone que se convertirá su proyecto al final de cada práctica de laboratorio. Lo que tienes que hacer es abrir una carpeta de inicio correspondiente al laboratorio que deseas probar (por ejemplo Lab01/Start para comenzar) y seguir las instrucciones que encontrarás en el archivo readme.md . Cuando haya terminado, no dude en comparar su trabajo con la solución proporcionada en la carpeta Solución.

Para EMPEZAR

1. Abra la carpeta Laboratorios
2. Navegue a la subcarpeta Lab01
3. Vaya a la subcarpeta Inicio
4. Siga las instrucciones contenidas en el archivo readme.md para continuar

Si quieres ver la aplicación final

Configurar e iniciar la aplicación del servidor de identidad

• Abra Lab08SolutionMarketPlaceIdentityServerIdentityServer.sln en Visual Studio
• Compile el proyecto pero no lo inicie desde Visual Studio
• Abra un símbolo del sistema en la carpeta Lab08SolutionMarketPlaceIdentityServer
• Escriba dotnet run /seed
• Navegue hasta http://localhost:5002 y asegúrese de que el proyecto esté en funcionamiento

Configurar e iniciar el servicio REST

• Abra Lab08SolutionMarketPlaceMarketplaceMarketPlace.sln en Visual Studio
• Construya el proyecto e inícielo desde Visual Studio

Configurar e iniciar el cliente Javascript

• Abra Lab08SolutionMarketPlacespaclient en Visual Studio Code
• Abrir una ventana de terminal
• Escriba npm install
• Escriba npm run serve

Para iniciar sesión

• Nombre de usuario: alicia
• Contraseña: Pase123$