Connexion Google (Continuer avec Google)

1Ce que cela apporte à votre application#

Ajoute un bouton « Continuer avec Google » aux applications que vous générez dans AI Studio, afin que vos utilisateurs se connectent avec leur compte Google au lieu de saisir un nouvel e-mail + mot de passe.

C'est « APPORTEZ VOTRE PROPRE » service : le bouton utilise VOTRE connexion Google, sur VOTRE écran de consentement, pour VOS utilisateurs. AppMint n'héberge aucune connexion et ne stocke rien - vous collez vos identifiants Google une fois et chaque application que vous générez peut les réutiliser.

Vous n'écrivez aucun code. L'IA ajoute le bouton et la logique de connexion lorsque vous le demandez ; le secret n'est jamais livré dans l'application.

2Connectez d'abord Supabase (obligatoire)#

La connexion Google pour les applications générées repose sur Supabase Auth ; vous devez donc d'abord avoir connecté et activé Supabase (Paramètres → BACKEND - SUPABASE). Si Supabase n'est pas actif, le bouton Google n'apparaîtra pas. Le chapitre « 🗄️ Backend Supabase (à connecter une seule fois) » au début de ce guide explique comment le connecter.

Pourquoi : les comptes de vos utilisateurs se trouvent dans VOTRE projet Supabase. AppMint envoie automatiquement vos identifiants Google dans ce projet lors du déploiement - vous n'avez jamais à activer vous-même l'option Google dans le tableau de bord Supabase.

3Créez un client Google OAuth (5 min, gratuit)#

Sur un ordinateur, dans la console Google Auth Platform (Google a récemment déplacé ici la configuration OAuth depuis « API et services ») :

1. Ouvrez console.cloud.google.com/auth et choisissez (ou créez) un projet quelconque.
2. Première fois uniquement - configurez l'écran de consentement : sous « Branding », ajoutez un nom d'application + votre e-mail d'assistance, et sous « Audience », choisissez « External » puis publiez l'application ou ajoutez-vous comme utilisateur test.
3. Ouvrez « Clients » → cliquez sur « Créer un client ».
4. Type d'application : choisissez « Application Web » (PAS Android - la connexion passe par Supabase sur le web).
5. Nommez-le et cliquez sur « Créer ». Vous obtiendrez un Client ID (se termine par .apps.googleusercontent.com) et un Client secret. Gardez cet onglet ouvert pour l'étape suivante.

Ouvrir Google Auth Platform → Clients →

4Ajoutez votre callback Supabase comme URI de redirection#

C'est l'étape que tout le monde oublie - sans elle, Google affiche une erreur « redirect_uri_mismatch ».

1. Trouvez la référence de votre projet Supabase : c'est la partie « <ref> » de l'URL de votre projet https://<ref>.supabase.co (tableau de bord Supabase → Project Settings → API).
2. De retour dans le client Google OAuth que vous venez de créer, sous « URI de redirection autorisés », cliquez sur « Ajouter un URI » et collez exactement :

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

1. Remplacez <ref> par la référence réelle de votre projet et enregistrez.

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

5Collez vos identifiants dans AppMint#

Dans AI Studio, décrivez simplement une application qui a besoin de comptes et demandez la connexion Google - par ex. « laisser les utilisateurs se connecter avec Google ». La première fois, AppMint affiche une boîte de dialogue « Connect Google sign-in » :

1. Collez votre Google OAuth Client ID (…apps.googleusercontent.com).
2. Collez votre Google OAuth Client Secret.
3. Appuyez sur « Save & continue ».

Ils sont stockés chiffrés sur votre appareil et réutilisés pour chaque future application - vous ne les collez qu'une seule fois. (Appuyez sur « Skip Google » si vous changez d'avis ; l'application se compile quand même, simplement sans le bouton.)

6Comment cela fonctionne sur un vrai téléphone#

Google bloque son écran de connexion dans un WebView intégré à l'application, donc AppMint le gère automatiquement de manière sûre - rien à configurer de votre côté :

• Appuyer sur « Continuer avec Google » ouvre le vrai navigateur pour l'écran de consentement.
• Une fois que l'utilisateur approuve, il revient à votre application via un lien profond sécurisé et termine la connexion.

Cela fonctionne à la fois dans l'Aperçu en direct et dans l'APK installé. Chaque application générée utilise son propre lien de retour privé, de sorte que plusieurs applications créées avec AppMint n'entrent jamais en conflit.

7Vérifiez que cela fonctionne#

1. Ouvrez votre application (Aperçu ou APK installé) et appuyez sur « Continuer avec Google ».
2. Le navigateur s'ouvre, vous choisissez votre compte Google, et vous revenez dans l'application, connecté.
3. Dans votre tableau de bord Supabase → Authentication → Users, votre compte Google apparaît maintenant.

Si cela fonctionne dans l'Aperçu, cela fonctionnera dans l'APK compilé - le déroulement est identique.

8Si quelque chose ne fonctionne pas#

• « redirect_uri_mismatch » → l'URI de redirection de l'étape 4 ne correspond pas exactement. Il doit être https://<ref>.supabase.co/auth/v1/callback avec VOTRE référence, sans barre oblique finale, sans faute de frappe.

• Le bouton n'apparaît pas → Supabase n'est pas actif (étape 2), ou vous avez appuyé sur « Skip Google ». Rouvrez la description de l'application en demandant la connexion Google.

• « Access blocked: app not verified » → votre écran de consentement OAuth est encore en mode Test. Ajoutez votre compte Google comme utilisateur test, ou publiez l'écran de consentement.

• Seul Google est proposé - la connexion Apple / X (Twitter) n'est PAS prise en charge via Supabase (fenêtres contextuelles OAuth que le WebView Android bloque) ; Facebook fonctionne via la propre connexion Facebook de l'application (assistant, étape Intégrer). La connexion par e-mail/mot de passe fonctionne toujours en parallèle de Google.

• Les applications hors ligne (sans backend) n'ont aucune connexion sociale - il n'y a pas de Supabase pour authentifier.