Dicas de .NET
Consumindo a API do Discogs com Blazor e C# .NET: busca, paginação e DI - Parte 2
10/08/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 Criação do service para consumir a API
00:01:59 Endpoint de search do Discogs
00:02:58 Importando models e resolvendo namespace
00:06:31 Definindo parâmetros de busca: query, year e page
00:07:43 Montando a query string da requisição HttpClient
00:09:22 Desserialização com GetFromJsonAsync (tipando a resposta JSON)
00:10:58 Tratamento de erro na resposta da API
00:12:57 Configurando o HttpClient no Program.cs (AddHttpClient)
00:14:11 Definindo User-Agent e Authorization
00:16:43 Copiando e usando o token do Discogs gerado
00:19:09 Revisão da configuração do service e DI
00:19:50 Injeção de dependência com sintaxe moderna do C#
00:21:23 Criando o model do formulário de busca (e UI HTML com Bootstrap)
00:25:10 Variáveis de estado da página
00:26:36 Método principal de busca SearchAsync
00:27:32 Injetando DiscogsService na página (DI na página Razor)
00:29:44 Métodos de paginação: anterior, próxima e ir para página
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 Criação do service para consumir a API
00:01:59 Endpoint de search do Discogs
00:02:58 Importando models e resolvendo namespace
00:06:31 Definindo parâmetros de busca: query, year e page
00:07:43 Montando a query string da requisição HttpClient
00:09:22 Desserialização com GetFromJsonAsync (tipando a resposta JSON)
00:10:58 Tratamento de erro na resposta da API
00:12:57 Configurando o HttpClient no Program.cs (AddHttpClient)
00:14:11 Definindo User-Agent e Authorization
00:16:43 Copiando e usando o token do Discogs gerado
00:19:09 Revisão da configuração do service e DI
00:19:50 Injeção de dependência com sintaxe moderna do C#
00:21:23 Criando o model do formulário de busca (e UI HTML com Bootstrap)
00:25:10 Variáveis de estado da página
00:26:36 Método principal de busca SearchAsync
00:27:32 Injetando DiscogsService na página (DI na página Razor)
00:29:44 Métodos de paginação: anterior, próxima e ir para página
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