Comece com a Autenticação Firebase em Websites
Você pode usar a Autenticação Firebase para permitir que os usuários acessem seu aplicativo usando um dos métodos de login, incluindo endereço de e-mail e senha de login, e provedores de identidade federados, como Google Sign-in e Facebook Login. Thistutorial começa com Firebase Authentication mostrando como adicionar endereço de e-mail e senha de login ao seu aplicativo.
Conecte seu aplicativo ao Firebase
Instale o Firebase SDK. Certifique-se de colar o código de configuração em sua página da web como descrito.
(Opcional) Protótipo e teste com o Firebase Local Emulator Suite
Antes de falar sobre como seu aplicativo autentica usuários, vamos introduzir um conjunto de ferramentas que você pode usar para fazer o protótipo e testar a funcionalidade Authentication:Firebase Local Emulator Suite. Se você está decidindo entre técnicas e provedores de autenticação, experimentar diferentes modelos de dados com dados públicos e privados usando Authentication e Firebase Security Rules, ou prototipar projetos de IU de login, ser capaz de trabalhar localmente sem implantar serviços ao vivo pode ser uma grande idéia.
Um emulador de autenticação é parte do Local Emulator Suite, que permite que seu aplicativo interaja com o conteúdo e configuração do banco de dados emulado, assim como opcionalmente seus recursos do projeto emulado (funções, outros bancos de dados e regras de segurança). Note que o Local Emulator Suite ainda não suporta Storage.
Usar o emulador de autenticação envolve apenas alguns passos:
- Adicionando uma linha de código à configuração de teste do seu aplicativo para se conectar ao emulador.
- Da raiz do diretório do seu projeto local, executando
firebase emulators:start. - Utilizando a UI Local Emulator Suite para prototipagem interativa, ou a API REST do emuladorAuthentication para testes não-interativos.
Um guia detalhado está disponível em Connect your app to the Authentication emulator.Para mais informações, veja a introdução do Local Emulator Suite.
Agora vamos continuar com como autenticar usuários.
Inscrever novos usuários
Criar um formulário que permita que novos usuários se registrem com seu aplicativo usando seu endereço de e-mail e uma senha. Quando um usuário completar o formulário, valide o endereço de e-mail e a senha fornecidos pelo usuário, então passe-os para o métodocreateUserWithEmailAndPassword:
Sign in existing users
Criar um formulário que permita aos usuários existentes se cadastrarem usando seu endereço de e-mail e senha. Quando um usuário completar o formulário, ligue para a páginasignInWithEmailAndPassword method:
Configure um observador do estado de autenticação e obtenha dados do usuário
Para cada uma das páginas do seu aplicativo que precisam de informações sobre o usuário conectado, anexe um observador ao objeto de autenticação global. Este observador é escalado sempre que o estado de login do usuário muda.
Atacar o observador usando o método onAuthStateChanged. Quando um usuário entra com sucesso, você pode obter informações sobre o usuário no observador.
Saiba como adicionar suporte para outros provedores de identidade e guestaccounts anônimas:
- Google Sign-in
- Login no Facebook
- Login no Twitter
- Login no GitHub
- Login no Anonymous Sign-in
Leave a Reply