Autenticação Firebase

​

Visão Geral

Adicionar autenticação de usuário ao seu aplicativo web é essencial para criar experiências personalizadas, proteger conteúdo e gerenciar dados específicos do usuário. Com a integração do Firebase do Golex, você pode implementar autenticação segura com o mínimo de esforço.

​

Passo 1: Habilitar a Autenticação no Firebase

Primeiro, você precisa habilitar o serviço de Autenticação no seu projeto Firebase:

1. Vá para o Console do Firebase
2. Selecione seu projeto
3. Na barra lateral esquerda, clique em Authentication
4. Clique no botão Começar se você ainda não habilitou a Autenticação
5. Agora você verá o painel de Autenticação, onde pode configurar os métodos de login

​

Passo 2: Configurar Provedores de Autenticação

O Firebase oferece vários métodos de autenticação. Escolha aqueles que melhor se adequam à sua aplicação:

​

Autenticação por Email/Senha

O método de autenticação mais comum:

1. No painel de Autenticação, clique na aba Método de login
2. Clique em Email/Senha na lista de provedores
3. Alterne o botão Habilitar para a posição ligado
4. Clique em Salvar

​

Autenticação do Google

Permitir que os usuários façam login com suas contas do Google:

1. Na aba Método de login, clique em Google
2. Alterne o botão Habilitar para a posição ligado
3. Insira um Email de suporte do projeto (geralmente seu endereço de email)
4. Clique em Salvar

​

Outros Provedores

O Firebase suporta muitos outros provedores de autenticação:

• Apple
• Facebook
• Twitter
• GitHub
• Microsoft
• Número de Telefone
• Anônimo

O processo de configuração é semelhante para a maioria dos provedores - habilite o provedor e configure as configurações necessárias.

​

Passo 3: Configurar Domínios Autorizados

Por razões de segurança, o Firebase só permite autenticação de domínios autorizados. Ao usar provedores de terceiros (como Google, Facebook, etc.), você precisa adicionar o domínio do seu aplicativo Golex:

1. No painel de Autenticação, clique na aba Configurações
2. Role para baixo até a seção Domínios autorizados
3. Clique em Adicionar domínio

4. Adicione o domínio do seu aplicativo Golex: {webappid}.myurl.live (substitua {webappid} pelo ID real do seu aplicativo web). Encontre a referência na captura de tela acima. Disponível na barra de URL na seção de visualização.
5. Adicione também o domínio sandbox para testes {webappid}.prvw.live (substitua {webappid} pelo ID real do seu aplicativo web). Encontre a referência na captura de tela acima.
6. Clique em Adicionar

​

Passo 4: Usando a Autenticação no Seu Aplicativo Golex

Depois de configurar a Autenticação Firebase, o Golex facilita a implementação de recursos de autenticação em seu aplicativo:

​

Adicionando Componentes de Login

O Golex fornece componentes pré-construídos para autenticação de usuário:

1. No editor Golex, navegue até a página onde você deseja adicionar autenticação
2. Abra o painel de componentes
3. Pesquise por “auth” para encontrar componentes de autenticação
4. Arraste e solte o componente desejado (Formulário de Login, Formulário de Cadastro, etc.) em sua página

​

Gerenciando o Estado de Autenticação

O Golex se integra automaticamente com a Autenticação Firebase, permitindo que você:

• Crie rotas protegidas que apenas usuários autenticados podem acessar
• Exiba diferentes elementos de UI com base no status de autenticação do usuário
• Acesse informações do usuário em seus componentes e lógica

​

Passo 5: Testando sua Autenticação

Para garantir que sua autenticação esteja funcionando corretamente:

1. Visualize seu aplicativo no Golex
2. Tente se inscrever com uma nova conta
3. Saia e faça login novamente
4. Teste quaisquer rotas protegidas ou recursos dependentes de autenticação

​

Problemas Comuns e Soluções

​

Próximos Passos

Agora que você configurou a Autenticação Firebase, considere explorar:

• Cloud Firestore - Armazene os dados do usuário com segurança

Se você encontrar algum problema com a Autenticação Firebase, entre em contato com o Suporte Golex para obter assistência.