Categorias do Site

Autenticação ASP.NET com Firebase: Guia Completo

Aprenda a integrar Firebase com ASP.NET para autenticação segura em aplicativos web.

Formas abstratas com cores vibrantes, incluindo um fundo verde em degradê e três gotas sobrepostas em vermelho, amarelo e laranja.

O Firebase é um dos provedores de autenticação mais populares atualmente, enquanto o .NET se destaca para o desenvolvimento de APIs. A combinação dessas tecnologias pode resultar em um aplicativo web seguro e de alto desempenho. Este guia oferece uma solução completa para integrar o Firebase em uma aplicação ASP.NET, cobrindo todos os passos essenciais.

Using Firebase For ASP.NET Authentication

Para que o projeto seja um sucesso, precisamos de:

  • Uma combinação de nome de usuário/senha para o Firebase — Criável através do console do Firebase.
  • Uma conta Google para testar o login — Para que os usuários façam login no aplicativo.
  • Credenciais adequadas do Firebase para o app — Para que o app use o Firebase para autenticar.

Configurar um sistema como este envolve várias etapas. Primeiro, precisamos configurar uma aplicação Firebase. Vá até o console do Firebase para criar a nova aplicação. Em seguida, configure um método de login, como autenticação por e-mail/senha e Google.

Firebase Authentication

No lado do .NET, começamos criando um projeto padrão de API Web sem autenticação. Instalamos pacotes NuGet necessários para a autenticação do Firebase funcionar, como FirebaseAdmin e Microsoft.AspNetCore.Authentication.JwtBearer.

Configuramos o arquivo Program.cs para receber JWTs do Google e confiar neles como autênticos, usando o ID do projeto do Firebase. Cada vez que um JWT é validado, verificamos se existe uma entidade em nosso banco de dados que corresponde ao usuário autenticado.

Por fim, preparamos o banco de dados local, criamos uma migração inicial e configuramos o Swagger para autorizar contra o Firebase. No lado do cliente, configuramos um aplicativo Angular para usar essa autenticação, incluindo uma tela de login básica usando o pacote firebaseui-angular.

Concluímos demonstrando como o aplicativo Angular pode autenticar com o backend ASP.NET usando o token JWT fornecido pelo Firebase.

  • Aplicando o favo de UX em sites modernos

    Descubra como o favo de UX pode otimizar o design de sites, garantindo experiências significativas e centradas no usuário.

    Descubra como o favo de UX pode otimizar o design de sites, garantindo experiências significativas e centradas no usuário.

    Ler notícia completa
    Ícone estilizado de uma abelha com favos de mel sobre um fundo circular lilás e desfocado.
  • Melhores Ações de Glitch no Photoshop 2025

    Descubra as melhores ações de glitch para Photoshop em 2025 e transforme suas fotos com efeitos digitais únicos e inovadores.

    Descubra as melhores ações de glitch para Photoshop em 2025 e transforme suas fotos com efeitos digitais únicos e inovadores.

    Ler notícia completa
    Arte digital de um astronauta com traje espacial flutuando num fundo abstrato colorido, representando o espaço com detalhes de glitch e o logo do Photoshop no canto.
  • Gestão eficaz de equipes de design: dicas práticas

    Aprenda a gerenciar equipes de design com eficácia, equilibrando comunicação, inspiração e autonomia para resultados excepcionais.

    Aprenda a gerenciar equipes de design com eficácia, equilibrando comunicação, inspiração e autonomia para resultados excepcionais.

    Ler notícia completa
    Ilustração de três figuras humanas estilizadas, dispostas em forma de pirâmide sobre um fundo abstrato em tons de cinza.
  • O que é Vibe Coding? Descubra essa tendência

    Com a IA se integrando cada vez mais em nossas ferramentas e fluxos de trabalho, o design de experiência está entrando em uma nova era—menos sobre wireframes e mais sobre sensações. Neste episódio de Invisible Machines, o especialista em design Tim Wood (Meta, Amazon Q Developer) retorna ao podcast para explorar a ascensão do design […]

    Design com IA evolui para além dos wireframes, focando em 'vibe coding'. Entenda essa nova era do design digital.

    Ler notícia completa
    Banner de podcast com título
  • A IA vai substituir designers?

    Atualmente, não passa uma semana sem que um meme de IA viralize nas redes sociais. Recentemente, vimos tendências como o ‘Studio Ghibli’ e ‘vibe coding’. Enquanto escrevo, uma nova tendência é relatada — o Barbiecore ‘doll’. Um volume significativo de capital está sendo investido para integrar IA na infraestrutura digital. Sistemas operacionais, como Android e […]

    A IA pode transformar o design, mas não substituir designers. Descubra como aproveitar a IA para impulsionar a criatividade.

    Ler notícia completa
    Ilustração de um smartphone com uma interface de chatbot exibindo mensagens, ícones de microfone, globo e verificação sobre fundo desfocado de água.
  • 20 Fontes Futuristas Gratuitas para Design Moderno

    As fontes futuristas são caracterizadas por suas formas geométricas e linhas limpas, o que contribui para uma estética moderna e elegante. Elas transformam tipografias básicas em algo mais inovador. Essas fontes adicionam um toque estiloso e contemporâneo aos trabalhos, sendo ideais para projetos que lidam com ideias futuristas ou que buscam apresentar uma imagem ultra-moderna. […]

    Descubra 20 fontes futuristas gratuitas para dar um toque moderno e inovador aos seus projetos de design.

    Ler notícia completa
    Imagem de fundo cósmico com tonalidades de azul e rosa representando o espaço, contendo a palavra
  • 6 Melhores Plugins de Blocos Gutenberg para WordPress

    Uma das características mais promissoras do editor de blocos Gutenberg é a capacidade de adicionar blocos personalizados. Eles podem incluir praticamente qualquer tipo de conteúdo ou funcionalidade que você imaginar. Embora você possa criar seus próprios blocos personalizados, às vezes isso é como reinventar a roda, especialmente quando deseja adicionar elementos comuns, como testemunhos ou […]

    Descubra os 6 melhores plugins de blocos Gutenberg para criar páginas incríveis no WordPress.

    Ler notícia completa
    Interface de usuário de um software com um campo de pesquisa e ícones de recursos como
  • Navegação na Internet para Pessoas Cegas

    Sylvie Duchateau é consultora de acessibilidade digital há mais de 20 anos. Após trabalhar em associações como BrailleNet e na cooperativa Access42, ela decidiu se tornar freelancer. Sylvie é especialista em leitores de tela, oferece treinamentos e testes de acessibilidade, e é voluntária na conferência Paris Web desde 2021. Nos conhecemos na edição de 2024 […]

    Sylvie Duchateau fala sobre desafios e soluções para acessibilidade digital de pessoas cegas na web.

    Ler notícia completa
    Mulher sorridente abraça labrador bege em ambiente interno com plantas ao fundo.
  • Guia de Estilo vs. Sistema de Design: Diferenças

    Embora muitos designers usem guias de estilo e sistemas de design de forma intercambiável, eles são ferramentas distintas com suas próprias forças e fraquezas. Compreender suas diferenças é crucial para evitar impactos negativos no processo de design e desenvolvimento de produtos. Um guia de estilo é um documento que apresenta diretrizes para manter a consistência […]

    Entenda as diferenças entre guias de estilo e sistemas de design e como usá-los no design de produtos.

    Ler notícia completa
    Ícone estilizado de um computador exibindo uma imagem de documento com texto e caixas de marcação, acompanhado de um lápis, sobre fundo texturizado azul.