Autenticação anônima com o Firebase usando JavaScript

Use o Firebase Authentication para criar e utilizar contas anônimas temporárias e fazer a autenticação com o Firebase. Com essas contas, os usuários que ainda não se inscreveram no seu app podem trabalhar com os dados protegidos pelas regras de segurança. Se um usuário anônimo se inscrever no seu app, vincule as credenciais de login à conta anônima para que ele continue trabalhando com os dados protegidos nas sessões futuras.

Antes de começar

  1. Adicione o Firebase ao seu projeto em JavaScript.
  2. Caso você ainda não tenha conectado o app ao projeto do Firebase, faça isso no Console do Firebase.
  3. Ative a autenticação anônima:
    1. No Console do Firebase, abra a seção Autenticação.
    2. Na página Métodos de login, ative o método de login Anônimo.

Fazer a autenticação anônima no Firebase

Quando um usuário não conectado acessar um recurso do app que exige autenticação no Firebase, faça login dele anonimamente executando as seguintes etapas:

  1. Chame o método signInAnonymously:
    firebase.auth().signInAnonymously().catch(function(error) {
      // Handle Errors here.
      var errorCode = error.code;
      var errorMessage = error.message;
      // ...
    });
    Também é nesse local que você identifica e corrige erros. Para ver uma lista de códigos de erro, consulte os Documentos de referência de autenticação.
  2. Se o método signInAnonymously for concluído sem erro, o observador registrado em onAuthStateChanged será acionado. Em seguida, será possível acessar os dados da conta do usuário anônimo do objeto User:
    firebase.auth().onAuthStateChanged(function(user) {
      if (user) {
        // User is signed in.
        var isAnonymous = user.isAnonymous;
        var uid = user.uid;
        // ...
      } else {
        // User is signed out.
        // ...
      }
      // ...
    });

Converter uma conta anônima em permanente

Quando um usuário anônimo se inscreve no seu app, ele pode continuar trabalhando com a nova conta. Por exemplo, você pode deixar no carrinho de compras dessa conta os itens adicionados antes da inscrição. Para isso, siga as etapas abaixo:

  1. Quando o usuário se inscrever, conclua o fluxo de login do provedor de autenticação até a chamada de um dos métodos Auth.signInWith, mas sem incluir essa etapa. Por exemplo, receba o token de código do Google, o token de acesso do Facebook ou o endereço de e-mail e a senha do usuário.
  2. Receba um AuthCredential para o novo provedor de autenticação:

    Login do Google
    var credential = firebase.auth.GoogleAuthProvider.credential(
        googleUser.getAuthResponse().id_token);
    
    Login do Facebook
    var credential = firebase.auth.FacebookAuthProvider.credential(
        response.authResponse.accessToken);
    
    Login com e-mail/senha
    var credential = firebase.auth.EmailAuthProvider.credential(email, password);
    
  3. Transmita o objeto AuthCredential para o método link do usuário que fez login:

    
    firebase.auth().currentUser.linkWithCredential(credential).then(function(usercred) {
      var user = usercred.user;
      console.log("Anonymous account successfully upgraded", user);
    }, function(error) {
      console.log("Error upgrading anonymous account", error);
    });
    

Se a chamada para link for concluída, a nova conta do usuário terá acesso aos dados do Firebase da conta anônima.

A seguir

Agora que os usuários podem se autenticar com o Firebase, use as regras do Firebase para controlar os respectivos acessos ao banco de dados.