Autenticacao com Supabase e FlutterFlow - Elder Marx

Prévia do material em texto

FlutterFlow + Supabase: Autenticação com Google
 
Autenticação com Google usando FlutterFlow e Supabase
Aprender a integrar a autenticação do Google em seu aplicativo FlutterFlow utilizando o Supabase 
é uma maneira fantástica de melhorar a experiência do usuário. Siga este tutorial passo a passo 
para configurar tudo corretamente.
Pré-requisitos
Antes de começarmos, assegure-se de ter:
Passo 1: Configuração do Projeto Supabase
matrix
Uma conta FlutterFlow.1. 
Uma conta Google Cloud para configurar o OAuth2.2. 
Uma conta no Supabase.3. 
Faça login na sua conta Supabase.1. 
Crie um novo projeto.2. 
Anote as credenciais do Supabase URL e a Supabase anon key.3. 
Vá até a seção Authentication e depois para Settings .4. 
Na aba OAuth , configure o provedor do Google com suas credenciais.5. 
Passo 2: Configuração do Projeto Google Cloud
Passo 3: Integrando Google Auth no FlutterFlow
Passo 4: Adicionando a Função de Login no UI
Passo 5: Testando o Funcionamento
Acesse a .1. Console do Google Cloud
Crie ou selecione um projeto.2. 
Vá para APIs & Services > Credentials .3. 
Configure o consentimento da tela OAuth.4. 
Clique em Create Credentials e escolha OAuth client ID .5. 
Selecione a aplicação do tipo Web e configure a URI de redirecionamento autorizada (que 
será fornecida pelo Supabase).
6. 
Abra o seu projeto no FlutterFlow.1. 
No menu lateral, vá até a opção Authentication .2. 
Escolha "Sign in with Google" e preencha as informações com as credenciais obtidas do 
Google Cloud e Supabase.
3. 
Salve as configurações.4. 
No FlutterFlow, vá para a interface onde você deseja adicionar o botão de login.1. 
Adicione um botão e atribua a ação de Login com Google.2. 
Personalize o texto e a aparência do botão conforme necessário.3. 
Execute o app no modo de debug ou utilize o Live Test no FlutterFlow.1. 
Tente fazer login com uma conta Google.2. 
Se tudo estiver configurado corretamente, você deverá ser capaz de entrar no app com sua 
conta Google.
3. 
https://console.cloud.google.com/
Conclusão
E assim você configura a autenticação com Google em um aplicativo FlutterFlow usando 
Supabase. Lembre-se que pode ser necessário ajustar as configurações de segurança no seu 
provedor OAuth ou no banco de dados para garantir que tudo funcione suavemente. Boa sorte 
com seu app!