Gerenciando login e cadastro

​

Sobre suas páginas de login

• Página de login: Onde os visitantes do seu app fazem login.
• Página de cadastro: Onde novos visitantes criam uma conta.
• Página de forgot password: Onde visitantes podem solicitar um e-mail de redefinição de senha.
• Página de reset password: Onde visitantes definem uma nova senha após solicitar uma redefinição.

​

Editando suas páginas de login

1. Abra o editor do seu app.
2. (Opcional) Clique no drop-down de página no topo do editor e selecione a página que quer editar (por exemplo, Login).
3. Digite seu pedido no chat. Por exemplo:

Add my logo to the login page and change the background color to dark blue.

​

Escolhendo seus métodos de sign-in

1. Clique em Dashboard no editor do seu app.
2. Clique em Settings.
3. Clique em Authentication.
4. Habilite o toggle do provedor que quer adicionar.
5. Clique em Add to pages abaixo do provedor.
6. A IA adiciona o botão de sign-in do provedor às suas páginas de login e register.

​

Sobre a página de reset password

​

Login personalizado para apps existentes

1. Clique em Dashboard no editor do seu app.
2. Clique em Overview.
3. Clique no dropdown App visibility e selecione Public.
4. Revise os detalhes no modal e clique em Enable custom auth.
5. A Base44 escreve automaticamente um prompt de wiring no chat de IA para conectar as páginas às rotas do seu app e envia ao chat de IA.
   

6. Publique seu app para que as páginas de login personalizadas entrem no ar.

​

Personalizando o login do Google

• Login Google padrão: Configuração rápida usando as credenciais da Base44. A janela de login mostra “Sign in with Google” e tem a marca de base44.com. Para usar esse método, habilite o toggle Google authentication e selecione Use the default Base44 OAuth.

• Custom Google OAuth: Conecte seu próprio client ID e secret do Google Cloud no painel Authentication. As pessoas verão o domínio do seu app, não “base44.com” quando fizerem login com o Google. Isso é ideal para empresas que exigem uma experiência totalmente com marca ou precisam atender requisitos enterprise.

1. Conecte um domínio personalizado ao seu app.
2. Vá para o Google Cloud Console e crie um novo projeto para seu app.
3. Verifique seu domínio aqui.
4. Configure seu app OAuth completando as seguintes informações:
   1. Overview: Digite as informações do seu app.
   2. Branding: Configure a marca do seu app (saiba mais sobre branding):
      1. Adicione seu logo. Deve ser similar ao logo do seu app.
      2. Crie uma home page no seu app seguindo estas diretrizes.
      3. Crie uma política de privacidade vinculada da sua home page seguindo estas diretrizes.
      4. Adicione uma página de suporte ao seu app.
      5. Adicione seu domínio como domínio autorizado.
      
   3. Audience: Escolha se seu app é para uso interno ou externo.
   4. Clients: Obtenha seu Client ID e Secret:
      1. Clique em Create client.
      2. Digite os seguintes detalhes:
         • Authorized JavaScript origins: Digite o domínio do seu app.
         • Authorized redirect URIs: Digite https://app.base44.com/api/apps/auth/callback
      3. Clique em Create.
      
   5. Data Access: Selecione os seguintes scopes:
      • openid
      • https://www.googleapis.com/auth/userinfo.email

5. Volte à Base44 e finalize a configuração do seu login personalizado:
   1. Clique em Dashboard no editor do seu app.
   2. Clique em Settings.
   3. Clique em Authentication.
   4. Habilite o toggle Google authentication.
   5. Selecione Use a custom OAuth from Google Console.
   6. Digite as informações relevantes do seu app Google OAuth e clique em Update.

​

Coleta de dados no sign-up

• Users dataset: Armazena dados com segurança, visível apenas para admins do app. Ideal para detalhes sensíveis ou somente para admin.
• Dataset conectado: Armazena respostas do usuário num dataset separado voltado ao público. Recomendado para dados exibidos ou compartilhados no app (como nomes de empresa).

​

Login nativo da Base44

​

Escolhendo seus métodos de sign-in

1. Clique em Dashboard no editor do seu app.
2. Clique em Settings.
3. Clique em Authentication.
4. Habilite o toggle ao lado das opções relevantes de autenticação:
   • Email and password: Permite que as pessoas criem uma conta com endereço de e-mail e senha segura.
   • Google: Permite que as pessoas façam login usando credenciais da conta Google.
   • Microsoft: Permite que as pessoas façam login usando credenciais Microsoft.
   • Facebook: Permite que as pessoas façam login usando credenciais do Facebook.
   • Apple: Permite que as pessoas façam login usando a conta Apple.
   • Single sign-on (SSO): Conecte um provedor de identidade externo que suporta OIDC, como Okta ou o provedor de identidade da sua empresa, para que as pessoas possam fazer login usando credenciais desse provedor.

​

Perguntas frequentes

Por que meu usuário não recebeu o e-mail de verificação ou redefinição de senha?

Se as pessoas não recebem e-mails de verificação ou redefinição de senha, comece com essas verificações:

• Peça que verifiquem as pastas de spam ou lixo eletrônico caso o e-mail tenha sido filtrado.
• Avise que pode levar alguns minutos para alguns provedores de e-mail entregarem a mensagem.
• Peça que adicionem app@base44.com aos remetentes seguros ou allowlist para que e-mails futuros não sejam bloqueados.
• Durante o cadastro, incentive a digitar o endereço de e-mail em minúsculas e verificar erros de digitação.

Se ainda não receberem o e-mail, peça que cliquem no link de reenvio no seu app.Se isso não funcionar, remova o registro deles da lista Users no seu dashboard e peça que se cadastrem novamente com o mesmo endereço de e-mail.Se várias pessoas relatarem o mesmo problema ao mesmo tempo, ou se reenvio e novo cadastro não resolverem, entre em contato com o suporte da Base44 com a URL do seu app e os endereços de e-mail afetados para que possamos verificar problemas de entrega ou da plataforma.Se seu app tem páginas de login personalizadas e o link de redefinição de senha leva a uma página em branco ou erro, verifique se sua página reset password está exatamente no caminho /reset-password. O link no e-mail está fixo nesse caminho.

Por que as pessoas veem um erro ao tentar fazer login com Facebook?

Isso geralmente acontece quando a conta Facebook da pessoa não está totalmente verificada. O Facebook pode bloquear o login até que ela confirme a identidade e verifique o e-mail na conta.Peça a ela:

1. Abra o Facebook e vá para Settings and privacy.
2. Vá para Accounts Center.
3. Vá para Verification e depois Identity confirmation.
4. Complete os passos de confirmação de identidade.

Depois de terminar o fluxo de verificação do Facebook, ela pode tentar fazer login no seu app novamente com Facebook. O Facebook controla esse requisito, não a Base44, então você não pode ignorá-lo nas configurações do seu app.

Como mostrar uma landing page pública mas exigir login para outras páginas?

Você pode fazer isso com páginas de login personalizadas. Quando seu app tem páginas de login personalizadas, você tem uma landing page pública e suas outras páginas verificam se o visitante está logado. Peça à IA para proteger páginas específicas para que visitantes que não estão logados sejam redirecionados para sua página de login.Por exemplo:

Make all pages except the landing page require login. Redirect visitors who are not logged in to the Login page.

Como as senhas são gerenciadas e o que acontece se alguém esquecer a sua?

A Base44 lida automaticamente com todas as senhas de forma segura nos bastidores. Se alguém esquecer a senha, pode redefini-la na sua página de login clicando em Forgot password?. Isso envia a pessoa para sua página /forgot-password, e o e-mail de reset leva à sua página /reset-password.

Posso adicionar uma opção de logout para meus usuários?

Sim. Adicionar uma opção de logout mantém as coisas seguras e dá tranquilidade às pessoas. Você pode pedir ao chat para incluir um botão Logout e colocá-lo na barra lateral ou no cabeçalho do app, onde melhor se encaixar no seu design.

A Base44 suporta provedores de autenticação externos como Kakao?

Sim. A Base44 suporta provedores de autenticação externos que usam OpenID Connect (OIDC), incluindo provedores como Kakao.Se você está no plano Elite, pode conectar provedores externos como Google, Microsoft, GitHub, Okta ou Kakao usando Single sign-on (SSO) e a opção Advanced / Manual configuration. Você precisa da sua própria conta no provedor de identidade, e é responsável por criar e gerenciar o app, client ID, client secret, redirect URI e quaisquer outras credenciais nesse provedor.Para instruções passo a passo, veja o guia sobre configurar SSO na Base44.

Por que estou recebendo erro ao usar User.login() no SDK da Base44? O que devo usar em vez disso?

O SDK da Base44 não suporta User.login(), então se você tentar usar no seu código, verá um erro.Para lidar com login em apps sem páginas de login personalizadas, sempre use base44.auth.redirectToLogin(nextUrl). Esse método envia o usuário para a página de login e o traz de volta ao seu site depois que ele faz login.Se está tendo problemas com autenticação, verifique se está usando esse método correto no seu app.Incorreto (causará erro):

User.login(nextUrl);

Correto:

base44.auth.redirectToLogin(nextUrl);

Dica: Se vir um erro como “TypeError: User.login is not a function”, verifique seus imports e garanta que está usando base44.auth.redirectToLogin em vez disso.

Posso pré-visualizar o formulário de signup no meu app?

Sim. Páginas de login personalizadas são páginas regulares na base de código do seu app, então você pode abri-las e visualizá-las na janela de preview.Para testar os fluxos completos de sign-up e login, publique seu app e abra a URL ao vivo num navegador. Complete o fluxo com um endereço de e-mail válido para ver a mesma experiência que seus visitantes terão.

Por que os usuários estão recebendo erro 'invalid login'?

A causa mais comum é que seu app está definido como Private. Em um app privado, apenas usuários explicitamente convidados por e-mail podem fazer login. Qualquer outra pessoa verá um erro de login inválido, mesmo que insira credenciais válidas.Para verificar e atualizar a visibilidade do seu app:

1. Clique em Dashboard no editor do seu app.
2. Clique em Overview.
3. Em App Visibility, verifique a configuração atual.
   • Se estiver definido como Private, verifique se o usuário foi convidado. Vá para Users e clique em Invite User para adicioná-lo.
   • Se quer que qualquer um possa se cadastrar e fazer login, mude a visibilidade para Public.

Outras causas possíveis:

• O usuário inseriu um e-mail ou senha incorretos.
• O usuário não verificou o endereço de e-mail após se cadastrar.
• A sessão de login expirou. Peça ao usuário para tentar fazer login novamente.