Aller au contenu
supastack
Parcourir la documentation
MobileExpo

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /fr/docs/mobile/passkeys.md (or send Accept: text/markdown).

Connexion par passkey

Connexion sans mot de passe via un relais navigateur qui renvoie la session à l'application.

Comment fonctionne le relais

La connexion par passkey démarre dans l'application et se termine dans le navigateur système. L'application ouvre {API URL}/auth?mobile_callback=<lien profond> via WebBrowser.openAuthSessionAsync ; une fois la page Web terminée avec n'importe quelle méthode de connexion, elle appelle GET /api/auth/mobile-handoff, qui redirige vers <scheme>://auth/callback avec le cookie de session et un nonce d'état.

Chaque tentative génère un nouveau nonce qui doit faire l'aller-retour inchangé — un paramètre d'état non concordant est rejeté avec stateMismatch, donc un rappel périmé ou forgé ne peut pas injecter de session. Le cookie renvoyé rejoint le même conteneur SecureStore utilisé par le client Expo de Better Auth (supastack.auth_cookie), puis le magasin de session est notifié et l'application connectée s'affiche.

Une feuille de navigateur fermée se résout en un résultat cancelled silencieux plutôt qu'en erreur ; laissez donc l'écran de connexion inchangé quand cela se produit.

# apps/mobile/.env.local
EXPO_PUBLIC_APP_SCHEME=supastack

# apps/web/.env.local — server side
AUTH_PASSKEY_ENABLED=true
MOBILE_ALLOWED_ORIGINS=

Garder la liste d'autorisation identique des deux côtés

Les deux côtés valident la cible du rappel : l'application n'accepte que <scheme>://auth plus ses origines de production configurées, et le serveur vérifie la même liste construite à partir d'EXPO_PUBLIC_APP_SCHEME et de MOBILE_ALLOWED_ORIGINS. Les rappels avec identifiants intégrés, schémas inconnus ou suffixes trompeurs sont rejetés avant que le moindre cookie ne bouge.

En production, MOBILE_ALLOWED_ORIGINS est requise et doit lister des origines HTTPS exactes et non locales — les jokers ne sont pas acceptés. L'application est livrée en binaire compilé tandis que le serveur lit son environnement à chaque requête : un changement de schéma ou d'origine exige donc à la fois une nouvelle build de l'application et un déploiement du serveur. Ne modifier qu'un seul côté fait échouer les relais en bloquant.

Les autres méthodes sans mot de passe

Le même écran de connexion propose des codes à usage unique par e-mail (requestEmailOtp puis verifyEmailOtp) ainsi que la connexion sociale Apple ou Google via signIn.social avec un callbackURL. Les passkeys apparaissent quand AUTH_PASSKEY_ENABLED=true côté serveur ; la configuration des passkeys et de la double authentification d'un compte reste dans l'application Web sous Paramètres → Sécurité.

Vérification et dépannage

Exercez sur la build visée un rappel au démarrage à froid, un retour vers une application en cours d'exécution, une feuille de navigateur annulée et une session expirée. Les échecs typés — passkeyUnavailable, browserFailed, untrustedCallback, missingCookie, malformedCookie, cookieStoreFailed — décrivent chacun une rupture distincte ; stateMismatch signifie que le nonce n'a pas fait l'aller-retour et que la tentative a été correctement refusée.

Si tous les relais sont rejetés, comparez EXPO_PUBLIC_APP_SCHEME de la build livrée avec le schéma du serveur et MOBILE_ALLOWED_ORIGINS — la paire diverge quand un seul côté a été redéployé sans l'autre.

Questions fréquentes

14 questions

Qu'est-ce que supastack ?

supastack est une fondation modulaire pour construire des produits SaaS avec IA. Elle réunit l'infrastructure commune pour que vous puissiez vous concentrer sur les fonctionnalités propres à votre produit.

Prend-il en charge le web et le mobile ?

Oui. supastack inclut des applications Next.js et Expo comme points de départ pour des expériences web et mobile.

Quelle authentification est incluse ?

Better Auth couvre e-mail/mot de passe, OTP et connexion sociale. Les espaces de travail personnels sont provisionnés avec le compte pour que les enregistrements restent délimités dès le premier jour.

Comment l'IA est-elle prise en charge ?

supastack inclut une IA multi-fournisseurs configurable, le suivi d'usage, des budgets, et la prise en charge chiffrée de vos propres clés (BYOK).

Comment les abonnements sont-ils gérés ?

Pour les produits construits sur le kit, la facturation Stripe, les abonnements et les droits d'accès forment la base de l'accès payant. Les secrets fournisseur restent côté serveur.

Où vit le code propre à mon produit ?

Les fonctionnalités propres au produit restent dans un codebase séparé, tandis que le produit configure et intègre les modules de la fondation supastack.

Comment fonctionne la tarification de supastack ?

Le kit est un achat unique avec mises à jour à vie : Stack unique à 249 $ — au choix parmi les dépôts Next.js (Web), Expo (iOS et Android) ou Tauri (macOS et Windows) —, Double stack à 398 $ avec deux dépôts au choix, ou Pack complet à 399 $ avec les trois dépôts et le monorepo complet, plus 75 $ par siège développeur supplémentaire. Pas d'abonnement au kit. Le paiement sur ce site livre votre clé de licence par e-mail, avec accès au dépôt via invitation GitHub.

Comment les espaces de travail délimitent mes données ?

Les enregistrements appartenant aux utilisateurs sont délimités par workspaceId. Identité, droits d'accès, usage IA, événements de facturation et entrées d'audit restent dans le périmètre de l'espace personnel.

Comment fonctionnent les jobs en arrière-plan ?

Trigger.dev est le runtime de jobs explicite. Le contrat JobRunner ne promet que enqueue, status et cancel — la sémantique de workflow reste propre à Trigger.dev et explicite.

En quoi l'e-mail diffère-t-il de la prospection ?

L'e-mail transactionnel couvre les flux produit comme les avis de fin de tâche. La prospection à froid et les campagnes relèvent du produit, hors du module e-mail de ce kit.

Comment fonctionnent les achats sur mobile ?

Le mobile inclut les achats natifs et leur restauration via RevenueCat, avec un accès vérifié par votre serveur. Configurez les comptes des boutiques et terminez les tests sur appareil avant publication. La facturation web reste séparée.

Où vivent les clés des fournisseurs IA ?

Les identifiants BYOK sont chiffrés et restent côté serveur. Les clés sont masquées dans les journaux ; l'usage et les budgets restent visibles au niveau de l'espace de travail.

Quels moyens de paiement le checkout accepte-t-il ?

Le checkout hébergé par Stripe accepte les cartes et peut aussi proposer Alipay et WeChat Pay une fois ces portefeuilles activés sur le compte Stripe — pratique pour les acheteurs en Chine. Les autorisations de portefeuille se confirment de manière asynchrone : la page de licence se met à jour dès que le paiement est validé.

Puis-je obtenir un remboursement ?

Une fois que vous avez accès au dépôt, supastack vous appartient pour toujours et ne peut donc pas être remboursé. Mais rassurez-vous : vous obtenez le code source complet avec des mises à jour à vie pour créer et déployer un nombre illimité de produits pour vous ou vos clients. Vous ne pouvez simplement pas revendre le code ni redistribuer le dépôt sous forme de kit de démarrage ou de modèle.

FR
Thème