Dicas de .NET
Tutorial Completo de OAuth com Spotify usando Blazor – Autenticação Usada por Google e Facebook
Aprenda a usar OAuth para autenticação com Spotify, aplicando conhecimentos a serviços como Google e Facebook.
Neste vídeo, você aprenderá a integrar a autenticação OAuth com o Spotify, utilizando um exemplo prático em Blazor para criar um aplicativo que lista as playlists de um usuário. Vamos explorar o uso da API do Spotify, criar um aplicativo no painel de desenvolvedores e entender como o mesmo processo pode ser aplicado ao Google, Facebook e outros.
Este guia passo a passo abrange desde a configuração inicial no site do Spotify até considerações de segurança. Ideal para desenvolvedores que desejam incorporar autenticação em suas aplicações.
**Capítulos:**
- 00:00:00 - Explicação sobre OAuth
- 00:01:26 - Explorando a Documentação da API Spotify
- 00:03:31 - Criação, Modificação e Exclusão do Aplicativo na API Spotify
- 00:06:16 - Preparando o Ambiente e Criando o projeto Blazor (dotnet new blazor)
- 00:08:44 - Compilando e Executando o Projeto Blazor (dotnet build e watch)
- 00:10:21 - Criando Interface (UI) do Aplicativo (com Razor, Html e Bootstrap)
- 00:15:18 - Criando variáveis para serem exibidas nas tags Html p
- 00:16:01 - Definindo o RenderMode para InteractiveServer
- 00:18:11 - Criando método para Autenticação OAuth e página de Consentimento
- 00:19:33 - Definindo ClientId, Secret, Url de Redirecionamento, Scope e State
- 00:27:37 - Criando o EndPoint para recebimento do Code na Url de Retorno do Spotify (OnParametersSet)
- 00:32:41 - Criando Método para Requisição do Access Token, através do Code, ClientId e Secret
- 00:35:56 - Criando o Fluxo Condicional no arquivo Razor
- 00:36:46 - Criando Método para listar as Playlists do usuário do Spotify
- 00:38:51 - Habilitando Detalhamento de Erros no Blazor (AddCircuitOptions)
- 00:40:43 - "Tipando" o retorno da API do Spotify (usando o Paste Json as Code)
- 00:42:06 - Criando os DTOs (nesse caso Models) mapeados com a API do Spotify (JsonPropertyName)
- 00:47:28 - Criando o Binding entre o Model com dados da API do Spotify e o Html da página Razor
- 00:50:38 - Criando Ampulheta (Loading) e Tratamento de erros
- 00:56:04 - Protegendo as chaves ClientId e Secret nos arquivos de configuração appSettings
Neste vídeo, você aprenderá a integrar a autenticação OAuth com o Spotify, utilizando um exemplo prático em Blazor para criar um aplicativo que lista as playlists de um usuário. Vamos explorar o uso da API do Spotify, criar um aplicativo no painel de desenvolvedores e entender como o mesmo processo pode ser aplicado ao Google, Facebook e outros.
Este guia passo a passo abrange desde a configuração inicial no site do Spotify até considerações de segurança. Ideal para desenvolvedores que desejam incorporar autenticação em suas aplicações.
**Capítulos:**
- 00:00:00 - Explicação sobre OAuth
- 00:01:26 - Explorando a Documentação da API Spotify
- 00:03:31 - Criação, Modificação e Exclusão do Aplicativo na API Spotify
- 00:06:16 - Preparando o Ambiente e Criando o projeto Blazor (dotnet new blazor)
- 00:08:44 - Compilando e Executando o Projeto Blazor (dotnet build e watch)
- 00:10:21 - Criando Interface (UI) do Aplicativo (com Razor, Html e Bootstrap)
- 00:15:18 - Criando variáveis para serem exibidas nas tags Html p
- 00:16:01 - Definindo o RenderMode para InteractiveServer
- 00:18:11 - Criando método para Autenticação OAuth e página de Consentimento
- 00:19:33 - Definindo ClientId, Secret, Url de Redirecionamento, Scope e State
- 00:27:37 - Criando o EndPoint para recebimento do Code na Url de Retorno do Spotify (OnParametersSet)
- 00:32:41 - Criando Método para Requisição do Access Token, através do Code, ClientId e Secret
- 00:35:56 - Criando o Fluxo Condicional no arquivo Razor
- 00:36:46 - Criando Método para listar as Playlists do usuário do Spotify
- 00:38:51 - Habilitando Detalhamento de Erros no Blazor (AddCircuitOptions)
- 00:40:43 - "Tipando" o retorno da API do Spotify (usando o Paste Json as Code)
- 00:42:06 - Criando os DTOs (nesse caso Models) mapeados com a API do Spotify (JsonPropertyName)
- 00:47:28 - Criando o Binding entre o Model com dados da API do Spotify e o Html da página Razor
- 00:50:38 - Criando Ampulheta (Loading) e Tratamento de erros
- 00:56:04 - Protegendo as chaves ClientId e Secret nos arquivos de configuração appSettings
links
Spotify for Developers
https://developer.spotify.com/
Bootstrap 5.1
https://getbootstrap.com/docs/5.1/getting-started/introduction/