DEV Community

Marcius Bezerra
Marcius Bezerra

Posted on

Consumindo a API do Discogs com Blazor e C# .NET: busca, paginação e DI

#netcore #blazor #bootstrap #csharp

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

Links:

Discogs

https://www.discogs.com

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

Top comments (0)