Configure o login por email

O Auth fornece a identidade que será associada às tarefas. Para o exercício, configure o cadastro por email e senha no projeto de estudo. Use um endereço de email que você consiga verificar.

Configure o retorno para a aplicação

Na configuração do Auth, confira o provedor de email e a exigência de confirmação. Em URL Configuration, ajuste a Site URL e os endereços de retorno permitidos para a aplicação de estudo. Use o endereço e a porta reais do seu servidor de desenvolvimento.

Um endereço de retorno incorreto pode levar a uma página inexistente depois da confirmação. A lista de URLs permitidas precisa acompanhar os ambientes usados pela aplicação.

Cadastre e autentique

O trecho abaixo recebe email e senha do formulário. Ele pressupõe um cliente supabase inicializado com a URL e a chave publishable. A etapa de conexão da trilha mostra essa inicialização.

1
const cadastro = await supabase.auth.signUp({ email, password: senha })
2
if (cadastro.error) throw cadastro.error

Quando a confirmação estiver habilitada, abra o email e confirme o cadastro. Depois, no envio do formulário de login, execute separadamente:

1
const login = await supabase.auth.signInWithPassword({ email, password: senha })
2
if (login.error) throw login.error
3
const idCadastro = login.data.user.id

A resposta de cadastro pode vir sem sessão quando a confirmação é exigida. Nesse caso, exiba uma orientação para verificar o email em vez de abrir uma tela que pressupõe acesso autenticado.

Teste a saída

Use await supabase.auth.signOut() para encerrar a sessão. A interface deve retirar as tarefas da tela e voltar ao formulário de login. O estado visual da aplicação não substitui a autorização do banco.

O próximo guia usa a identidade retornada pelo Auth nas políticas da tabela. A conferência será feita com dois cadastros de teste, para verificar que uma sessão não lê as tarefas da outra.