Download spa30 - download do código-fonte spa30

spa30

Outras categorias

1.0.0

Baixar

Projeto MarketPlace

Vamos construir um aplicativo web simples onde as pessoas possam gerenciar os produtos que desejam vender.

Todos podem navegar pelos produtos existentes.
Somente usuários autenticados podem adicionar novos produtos.
Somente o proprietário do produto pode editar ou excluir um produto.

Vamos construir 3 projetos. O projeto FrontEnd será um aplicativo Web progressivo construído usando Vuejs, Vue Router e Vuetify, enquanto no lado do servidor construiremos dois aplicativos Web .NET Core 3.0 usando Visual Studio 2019: um irá expor uma API REST enquanto o segundo cuidará de autenticação, usando o Identity Server 4.

Cliente front-end
- Javascript (ECMAScript 2015+)
- HTML5
- CSS3
- Vue.js 2
- Roteador Vue
- Vuetify
- Abra o cliente Id Connect
- Buscar API
- API de câmera nativa

Este projeto irá interagir com o usuário através de um navegador construindo dinamicamente uma interface de usuário HTML e se comunicará com o servidor usando javascript e json.

Serviço REST
- Controlador de API da Web .NET Core 3.0
- Entidade Framework Núcleo 3.0
- Banco de dados SQL Server
- Autenticação de cliente do servidor de identidade

Este projeto será responsável por armazenar os dados no servidor e responder às solicitações dos clientes através de http e json.

Servidor de autenticação
- Servidor de Identidade 4
- Núcleo do Entity Framework

Este projeto cuidará da parte de autenticação. Ele emitirá tokens JWT que serão usados pela aplicação cliente para obter acesso ao servidor.

O que você já precisa saber:

C#
Javascript (ECMAScript 2015+)
HTML5
CSS3

O que você vai aprender:

O que é REST
O que é .NET Core
ASP.NET Núcleo
O que é um controlador de API da Web
Francelho
Middleware
Variáveis de ambiente
Configuração principal do ASP.NET
Injeção de Dependência
Núcleo do Entity Framework
Carteiro
CORS
Vue.js
Roteador Vue
Buscar API
WebPack
Vuetify
Autenticação e Autorização
OAuth 2 e Open Id Connect
Servidor de Identidade 4
Autorização do proprietário do recurso

Antes de começar, você precisa

Visual Studio 2019 (Community Edition é suficiente)

Certifique-se de ter instalado a carga de trabalho "desenvolvimento de plataforma cruzada .NET Core". Você pode verificar e instalar cargas de trabalho iniciando o Instalador do Visual Studio.

Código do Visual Studio
Nó

Para obter mais informações sobre a instalação do .NET Core

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

Nosso fluxo de trabalho

Vamos dividir nossos projetos em etapas simples. Cada etapa se concentrará em uma tarefa e será baseada na etapa anterior. Começaremos com projetos simples que se tornarão cada vez mais complexos ao longo do caminho. Por exemplo, inicialmente não nos concentraremos em autenticação e autorização. Iremos adicioná-lo em uma etapa posterior.

Esta pasta contém subpastas diferentes. Cada subpasta representa uma fase do nosso projeto. As pastas “Iniciar” são os pontos de partida de cada etapa. As pastas "Solução" são as versões finais de cada etapa, fornecidas a você caso você queira verificar como seu projeto deve se tornar ao final de cada laboratório. O que você precisa fazer é abrir uma pasta inicial correspondente ao laboratório que deseja experimentar (por exemplo Lab01/Start para começar) e seguir as instruções encontradas no arquivo readme.md . Quando terminar, fique à vontade para comparar seu trabalho com a solução fornecida na pasta Solução.

Para COMEÇAR

Abra a pasta Laboratórios
Navegue até a subpasta Lab01
Navegue até a subpasta Iniciar
Siga as instruções contidas no arquivo readme.md para continuar

Se você quiser ver a aplicação final

Configurar e iniciar o aplicativo Identity Server

Abra Lab08SolutionMarketPlaceIdentityServerIdentityServer.sln no Visual Studio
Crie o projeto, mas não o inicie no Visual Studio
Abra um prompt de comando na pasta Lab08SolutionMarketPlaceIdentityServer
Digite dotnet run /seed
Navegue até http://localhost:5002 e certifique-se de que o projeto esteja instalado e funcionando