Login com Google (Continuar com o Google)

1O que isso dá ao seu app#

Adiciona um botão 'Continuar com o Google' aos apps que você gera no AI Studio, para que seus usuários entrem com a conta Google em vez de digitar um novo e-mail + senha.

É TRAGA-O-SEU-PRÓPRIO: o botão usa o SEU login do Google, na SUA tela de consentimento, para os SEUS usuários. O AppMint não hospeda login nenhum e não armazena nada - você cola suas credenciais do Google uma vez e todo app que gerar pode reutilizá-las.

Você não escreve nenhum código. A IA adiciona o botão e a lógica de login quando você pede; o segredo nunca vai dentro do app.

2Primeiro conecte o Supabase (obrigatório)#

O login com Google dos apps gerados funciona sobre o Supabase Auth, então você precisa ter o Supabase conectado e ativado primeiro (Configurações → BACKEND - SUPABASE). Se o Supabase não estiver ativo, o botão do Google não aparece. O capítulo '🗄️ Backend Supabase (conecte uma vez)' no início deste guia explica como conectá-lo.

Por quê: as contas dos seus usuários ficam no SEU projeto Supabase. O AppMint envia suas credenciais do Google para esse projeto automaticamente na implantação - você nunca precisa ativar o Google dentro do painel do Supabase.

3Crie um cliente OAuth do Google (5 min, grátis)#

Em um computador, no console do Google Auth Platform (o Google moveu recentemente a configuração do OAuth para cá, saindo de 'APIs & Services'):

1. Abra console.cloud.google.com/auth e escolha (ou crie) qualquer projeto.
2. Só na primeira vez - configure a tela de consentimento: em 'Branding' adicione um nome de app + seu e-mail de suporte, e em 'Audience' escolha 'External' e publique o app ou adicione você mesmo como usuário de teste.
3. Abra 'Clients' → clique em 'Create client'.
4. Tipo de aplicativo: escolha 'Web application' (NÃO Android - o login acontece pelo Supabase na web).
5. Dê um nome e clique em 'Create'. Você receberá um Client ID (termina em .apps.googleusercontent.com) e um Client secret. Mantenha esta aba aberta para a próxima etapa.

Abrir Google Auth Platform → Clients →

4Adicione seu callback do Supabase como URI de redirecionamento#

Esta é a etapa que todo mundo esquece - sem ela o Google mostra um erro 'redirect_uri_mismatch'.

1. Encontre o ref do seu projeto Supabase: é a parte '<ref>' da URL do projeto https://<ref>.supabase.co (painel do Supabase → Project Settings → API).
2. De volta ao cliente OAuth do Google que você acabou de criar, em 'Authorized redirect URIs' clique em 'Add URI' e cole exatamente:

 https://<ref>.supabase.co/auth/v1/callback

1. Substitua <ref> pelo ref real do seu projeto e salve.

https://<ref>.supabase.co/auth/v1/callback

5Cole suas credenciais no AppMint#

No AI Studio, basta descrever um app que precisa de contas e pedir o login com Google - por exemplo, 'deixe os usuários entrarem com o Google'. Na primeira vez, o AppMint abre uma caixa 'Conectar Google Sign-In':

1. Cole seu Google OAuth Client ID (…apps.googleusercontent.com).
2. Cole seu Google OAuth Client Secret.
3. Toque em 'Salvar e continuar'.

Elas ficam armazenadas criptografadas no seu dispositivo e são reutilizadas em todo app futuro - você só as cola uma vez. (Toque em 'Pular Google' se mudar de ideia; o app ainda é compilado, só que sem o botão.)

6Como funciona em um celular de verdade#

O Google bloqueia sua tela de login dentro de uma WebView no app, então o AppMint cuida disso do jeito seguro automaticamente - nada para você configurar:

• Ao tocar em 'Continuar com o Google', o navegador de verdade abre para a tela de consentimento.
• Depois que o usuário aprova, ele volta ao seu app por um deep link seguro e conclui o login.

Isso funciona TANTO no Preview ao vivo quanto no APK instalado. Cada app gerado usa seu próprio link de retorno privado, então vários apps feitos no AppMint nunca entram em conflito.

7Verifique se funciona#

1. Abra seu app (Preview ou APK instalado) e toque em 'Continuar com o Google'.
2. O navegador abre, você escolhe sua conta Google e volta ao app já conectado.
3. No painel do Supabase → Authentication → Users, sua conta Google agora aparece.

Se funciona no Preview, funcionará no APK compilado - o fluxo é idêntico.

8Se algo não funcionar#

• 'redirect_uri_mismatch' → o URI de redirecionamento da etapa 4 não corresponde exatamente. Precisa ser https://<ref>.supabase.co/auth/v1/callback com o SEU ref, sem barra no final, sem erros de digitação.

• O botão não aparece → o Supabase não está ativo (etapa 2), ou você tocou em 'Pular Google'. Reabra a descrição do app pedindo o login com Google.

• 'Access blocked: app not verified' → sua tela de consentimento OAuth ainda está em Testing. Adicione sua conta Google como usuário de teste ou publique a tela de consentimento.

• Apenas o Google é oferecido - o login com Apple / X (Twitter) NÃO é compatível pelo Supabase (pop-ups OAuth que a WebView do Android bloqueia); o Facebook funciona pelo login próprio do app com Facebook (assistente, etapa Integrar). O login com e-mail/senha continua funcionando junto com o Google.

• Apps offline (sem backend) não têm login social - não há Supabase para autenticar.