Aller au contenu
WebViewGold Du vibe coding à l'App Store
Français
Obtenir WebViewGold

Figma Make + connexion

Connexion Google et Sign in with Apple dans votre app Figma Make

Les apps Figma Make utilisent généralement Supabase Auth via l'intégration Figma Make, ou aucune pour les apps de contenu. La connexion par e-mail et mot de passe fonctionne telle quelle dans une app WebViewGold. Mais Google et d'autres fournisseurs OAuth bloquent les WebViews intégrées, et Apple ajoute sa propre règle. Voici comment faire fonctionner chaque méthode de connexion dans l'app sans modifier votre code d'authentification.

Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.

  • Garantie d'approbation – ou remboursement sous 14 jours
  • Aucun codage requis
  • Paiement unique, mises à jour gratuites
  • Support humain 24/7
  • Conçu en Allemagne depuis 2014 · ISO 27001

Les trois problèmes de connexion et leurs solutions

Google affiche « disallowed_useragent »

Google refuse l'OAuth dans les WebViews intégrées. Le Social Login Helper de WebViewGold détecte l'URL de connexion Google (et Facebook), exécute cette étape dans une fenêtre de connexion dédiée avec un user agent accepté, puis revient à votre app. Un seul réglage, aucune modification dans Figma Make.

La guideline 4.8 d'Apple

Si l'app iOS propose une connexion Google, Facebook ou GitHub, Apple exige une option équivalente respectueuse de la vie privée, en général Sign in with Apple. Activez le fournisseur Apple dans Supabase Auth via l'intégration Figma Make, ou aucune pour les apps de contenu, ajoutez le bouton, et WebViewGold gère automatiquement le flux appleid.apple.com.

Les magic links ouvrent le navigateur

Les magic links envoyés par e-mail et les réinitialisations de mot de passe s'ouvrent dans Safari ou Chrome au lieu de l'app. Les Universal Links (iOS) et App Links (Android) de WebViewGold redirigent les liens vers votre domaine dans l'app et y conservent la session.

Prompt pour Figma Make

Collez ceci dans Figma Make pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.

Prompt à coller dans Figma Make
Préparez le parcours de connexion pour le wrapper d'app WebViewGold qui entoure cette app Figma Make. Remplacez le magic link de la connexion par e-mail par un code à six chiffres : appelez signInWithOtp de Supabase, puis affichez un écran de saisie du code qui appelle verifyOtp avec le type email, dans le même style visuel que les écrans existants. Ajoutez un bouton « Continuer avec Apple » à côté de « Continuer avec Google » en utilisant le fournisseur Apple de Supabase. Ajoutez dans l'écran de profil une option « Supprimer mon compte » avec une étape de confirmation qui appelle une edge function Supabase delete-account ; celle-ci supprime les lignes et le compte d'authentification de l'utilisateur, puis le déconnecte. Gardez chaque bouton fonctionnel, sans écran provisoire, et ajoutez un lien vers une page /privacy depuis l'écran de connexion.

Avec une bonne version optimisée de votre application Web, vous pouvez avoir une superbe application mobile en quelques minutes. De plus, le service client est très agréable et très utile! Je ne peux que recommander WebViewGold :-)

Julian Koch · Co-fondateur de DuelDonkey · CodeCanyon

Faire fonctionner chaque méthode de connexion pour Figma Make

Environ 30 minutes, surtout dans les consoles des stores.

  1. Activez le Social Login Helper dans WebViewGold

    Dans Config.swift, renseignez google_login_helper_triggers (accounts.google.com) et facebook_login_helper_triggers ; sur Android, utilisez GOOGLE_LOGIN_HELPER_TRIGGERS dans Config.java. Testez la connexion dans l'app.

  2. Ajoutez Sign in with Apple

    Créez un Services ID et une clé dans le portail Apple Developer, activez le fournisseur Apple dans Supabase Auth via l'intégration Figma Make, ou aucune pour les apps de contenu et ajoutez un bouton « Continuer avec Apple » à côté de Google. Rien à configurer dans WebViewGold.

  3. Redirigez les magic links vers l'app

    Hébergez les fichiers apple-app-site-association et assetlinks.json sur votre domaine, activez les Universal Links / App Links dans WebViewGold et vérifiez que l'URL de redirection d'authentification dans Supabase Auth via l'intégration Figma Make, ou aucune pour les apps de contenu pointe vers votre domaine. Voir le guide des deep links.

  4. Ajoutez la suppression de compte

    Apple (5.1.1) et Google exigent la suppression du compte dans l'app pour les apps avec inscription. Ajoutez un bouton Supprimer le compte qui appelle une fonction backend. Voir le guide de la suppression de compte.

  5. Fournissez un compte de démo pour la validation

    Dans App Store Connect (App Review Information) et la Play Console (section App access), saisissez des identifiants de test pour que les examinateurs voient l'expérience une fois connecté.

En option : la connexion biométrique en plus

  • WebViewGold propose Face ID / Touch ID et la biométrie Android via un appel JavaScript (bioauth://). Verrouillez l'app au lancement ou protégez les écrans sensibles.
  • Combinez-la avec une session longue durée dans Supabase Auth via l'intégration Figma Make, ou aucune pour les apps de contenu pour que les utilisateurs déverrouillent avec leur visage au lieu de saisir un mot de passe.
  • Détails dans le guide de la connexion biométrique pour les apps Figma Make.

Questions fréquentes

Dois-je modifier le code d'authentification de Figma Make ?

Non. Le Social Login Helper agit côté natif en détectant les URL OAuth. Les seuls ajouts sont le fournisseur Sign in with Apple (exigé par Apple si vous proposez d'autres connexions sociales) et, pour les magic links, les fichiers de domaine des Universal Links.

Sign in with Apple est-il obligatoire ?

Seulement si votre app iOS propose une connexion tierce comme Google, Facebook ou GitHub. Si les utilisateurs ne peuvent se connecter que par e-mail et mot de passe ou par magic link, la guideline 4.8 ne s'applique pas.

Pourquoi Google bloque-t-il la connexion dans l'app ?

Google bloque l'OAuth dans les WebViews intégrées pour des raisons de sécurité (l'app hôte pourrait lire les identifiants). Le Social Login Helper exécute l'étape Google dans une fenêtre de confiance que Google accepte, puis rend la session à votre app.

La session survit-elle au redémarrage de l'app ?

Oui. WebViewGold conserve les cookies et le stockage local : les sessions de Supabase Auth via l'intégration Figma Make, ou aucune pour les apps de contenu se comportent comme dans le navigateur.

Trois façons de mettre votre app dans les stores

Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.

Faites-le vous-même

$109 par plateforme, paiement unique

La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.

Voir les offres sur la page principale

Full Service

$698 par plateforme $798

Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.

Détails du Full Service Propulsé par WeSetupYourWebViewApp

Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.

Prêt à publier votre app Figma Make ?

Garantie d'approbation App Store & Google Play – ou remboursement sous 14 jours

Vous préférez déléguer ? Full Service : nous configurons, compilons et livrons sous 72 heures, dès $698 par plateforme. Des questions ? Chattez avec nous 24/7.

Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.