Dicas de .NET
Consumindo a API do Discogs com Blazor e C# .NET: busca, paginação e DI
31/07/2026
0 visualizações
Sobre o Vídeo
# Descrição
Neste vídeo é construída, passo a passo, uma aplicação web em Blazor Server com C# .NET para consumir a API do Discogs. O foco está na parte técnica da integração: criação do projeto, organização em pastas e namespaces, modelagem das classes de resposta da API, uso de HttpClient tipado, injeção de dependência (DI), autenticação com Personal Access Token, serialização com System.Text.Json, tratamento de erros, paginação e construção da interface com Bootstrap.
### O que você vai ver
- Criação de um projeto Blazor Server
- Estruturação de models para mapear o JSON retornado pela API
- Implementação de um service para encapsular as chamadas HTTP
- Configuração central do HttpClient no `Program. cs`
- Uso de User-Agent e Authorization Token exigidos pela API do Discogs
- Busca por texto e por ano usando o endpoint de search
- Paginação com navegação entre páginas e janela deslizante
- Exibição dos resultados em cards responsivos
- Tratamento de mensagens de erro na UI
- Leitura de configuração via appsettings.json
### Conceitos técnicos abordados
- Blazor Server
- C# .NET
- Dependency Injection
- System.Text.Json
- HTTP APIs / REST
- Serialização e desserialização
- Configuração por ambiente
- Namespaces e organização de projeto
- Hot Reload com `dotnet watch`
- Bootstrap no Blazor
Além de consumir a API, o vídeo também mostra boas práticas de desenvolvimento, como separar responsabilidades entre UI, serviço e configuração da aplicação, evitando acoplamento desnecessário e deixando o código mais fácil de evoluir. Se você quer aprender como integrar uma API externa em um projeto .NET moderno usando Blazor, este conteúdo serve como base prática para expandir depois com novos filtros, tela de detalhes, cache, deploy e autenticação mais avançada via OAuth.
# Capítulos
00:00:00 Stack usada: .NET 10, Blazor Server e API do Discogs
00:05:04 Pré-requisitos: SDK do .NET e VS Code
00:05:30 Instalação do SDK do .net e VS Code
00:08:38 Tipos de autenticação da API
00:09:58 Rate limit para requisições autenticadas e não autenticadas
00:12:47 Como gerar o token no Discogs
00:14:30 Criação do projeto Blazor com `dotnet new blazor`
00:16:06 Estrutura da aplicação: Program.cs, service, Home.razor e appsettings
00:17:26 Criação dos models para mapear o JSON da API
00:18:54 Verificando versão do .NET
00:20:01 Exploração dos templates / workloads com `dotnet new`
00:22:11 VS Code e uso de Profiles
00:24:06 Explicação da estrutura padrão do projeto Blazor (_IMports.razor, HeadOutlet, Routes, etc.)
00:29:28 Build e execução com `dotnet watch`
00:30:53 Implementando POCOs `DiscogsResponse`, `Pagination` e `Result` (class, nullable, properties, List)
00:35:39 Separando classes em arquivos distintos
00:37:19 Namespaces e organização lógica do projeto
Neste vídeo é construída, passo a passo, uma aplicação web em Blazor Server com C# .NET para consumir a API do Discogs. O foco está na parte técnica da integração: criação do projeto, organização em pastas e namespaces, modelagem das classes de resposta da API, uso de HttpClient tipado, injeção de dependência (DI), autenticação com Personal Access Token, serialização com System.Text.Json, tratamento de erros, paginação e construção da interface com Bootstrap.
### O que você vai ver
- Criação de um projeto Blazor Server
- Estruturação de models para mapear o JSON retornado pela API
- Implementação de um service para encapsular as chamadas HTTP
- Configuração central do HttpClient no `Program. cs`
- Uso de User-Agent e Authorization Token exigidos pela API do Discogs
- Busca por texto e por ano usando o endpoint de search
- Paginação com navegação entre páginas e janela deslizante
- Exibição dos resultados em cards responsivos
- Tratamento de mensagens de erro na UI
- Leitura de configuração via appsettings.json
### Conceitos técnicos abordados
- Blazor Server
- C# .NET
- Dependency Injection
- System.Text.Json
- HTTP APIs / REST
- Serialização e desserialização
- Configuração por ambiente
- Namespaces e organização de projeto
- Hot Reload com `dotnet watch`
- Bootstrap no Blazor
Além de consumir a API, o vídeo também mostra boas práticas de desenvolvimento, como separar responsabilidades entre UI, serviço e configuração da aplicação, evitando acoplamento desnecessário e deixando o código mais fácil de evoluir. Se você quer aprender como integrar uma API externa em um projeto .NET moderno usando Blazor, este conteúdo serve como base prática para expandir depois com novos filtros, tela de detalhes, cache, deploy e autenticação mais avançada via OAuth.
# Capítulos
00:00:00 Stack usada: .NET 10, Blazor Server e API do Discogs
00:05:04 Pré-requisitos: SDK do .NET e VS Code
00:05:30 Instalação do SDK do .net e VS Code
00:08:38 Tipos de autenticação da API
00:09:58 Rate limit para requisições autenticadas e não autenticadas
00:12:47 Como gerar o token no Discogs
00:14:30 Criação do projeto Blazor com `dotnet new blazor`
00:16:06 Estrutura da aplicação: Program.cs, service, Home.razor e appsettings
00:17:26 Criação dos models para mapear o JSON da API
00:18:54 Verificando versão do .NET
00:20:01 Exploração dos templates / workloads com `dotnet new`
00:22:11 VS Code e uso de Profiles
00:24:06 Explicação da estrutura padrão do projeto Blazor (_IMports.razor, HeadOutlet, Routes, etc.)
00:29:28 Build e execução com `dotnet watch`
00:30:53 Implementando POCOs `DiscogsResponse`, `Pagination` e `Result` (class, nullable, properties, List)
00:35:39 Separando classes em arquivos distintos
00:37:19 Namespaces e organização lógica do projeto
Notas Importantes
Links:
Discogs
Discogs Developers
https://www.discogs.com/developers
Discogs tipos de autenticação
https://www.discogs.com/developers?srsltid=AfmBOooGXVGaDzODOaEQDc1dLo6BOuWpf6ci60bGqVXZhTNK80UHkixp
Dotnet Downloads
https://dotnet.microsoft.com/en-us/download
VS Code Download
https://code.visualstudio.com/download?_exp_download=fb315fc982
Tecnologias e Tags
.NET Core
Blazor
Bootstrap
C#
Discogs API
API do Discogs
Blazor
Blazor Server
C#
.NET
.NET 10
ASP.NET Core
HttpClient
Dependency Injection
Injeção de Dependência
System.Text.Json
JSON
API REST
Consumo de API
Integração com API
Personal Access Token
OAuth
Program.cs
Bootstrap
Paginação
Cards responsivos
VS Code
dotnet watch
Namespaces
Models
Services
DTO
Serialização
Desserialização
Search API
Discografia
Desenvolvimento de Sistemas