Primeiros passos com o Firebase Authentication em sites

Use o Firebase Authentication para permitir que os usuários façam login no seu app com um ou mais métodos de login, inclusive login com endereço de e-mail e senha, além de provedores de identidade federados como o Login do Google e do Facebook. Veja neste tutorial os primeiros passos com o Firebase Authentication e como adicionar no seu app um login com endereço de e-mail e senha.

Conectar seu app ao Firebase

Instale o SDK do Firebase. Cole o código de configuração na sua página da Web, conforme descrito.

Login de novos usuários

Crie um formulário que permita que novos usuários façam login no seu app usando um 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 informados e envie-os para o método createUserWithEmailAndPassword:

firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});

Login de usuários existentes

Crie um formulário que permita que usuários existentes façam login usando endereço de e-mail e senha. Quando o usuário completar o formulário, chame o método signInWithEmailAndPassword:

firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});

Definir um observador do estado de autenticação e coletar dados do usuário

Para cada página do seu app que precisa de informações sobre o usuário conectado, anexe um observador ao objeto de autenticação global. Este observador é chamado sempre que o estado de login do usuário muda.

Anexe o observador usando o método onAuthStateChanged. Quando um usuário faz login corretamente, você pode coletar informações sobre o usuário no observador.

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    var displayName = user.displayName;
    var email = user.email;
    var emailVerified = user.emailVerified;
    var photoURL = user.photoURL;
    var isAnonymous = user.isAnonymous;
    var uid = user.uid;
    var providerData = user.providerData;
    // ...
  } else {
    // User is signed out.
    // ...
  }
});

Próximas etapas

Saiba como adicionar suporte para outros provedores de identidade e contas de convidados anônimos:

Enviar comentários sobre…

Precisa de ajuda? Acesse nossa página de suporte.