Native authenticatie

Setup en configuratie

Lees vóór elke stap Voordat u begint en Basisbeginselen van de terminal. Deze instructies gaan ervan uit dat je de volledige supastack monorepo in VS Code hebt geopend; zijn root package.json markeert de root van de repository. In pnpm-opdrachten is een werkruimtepakket een app of map met gedeelde code; in het product is een werkruimte de gegevenscontainer en de beveiligingsgrens van een team. corepack pnpm --filter ... selecteert één pakket uit de monorepo terwijl opdrachten vanuit de root worden uitgevoerd. Als u alleen een gesynchroniseerde mobiele map of desktopmap hebt geopend, bevat deze niet de webbackend, Docker-installatie of rootscripts: voer de backend uit vanaf deze monorepo of een bereikbare gehoste server en gebruik de eigen scripts van de platformmap. Een omgevingsvariabele is een benoemde instelling die is opgeslagen in een lokaal .env-bestand of op uw hostingdashboard; start de relevante app opnieuw nadat u deze hebt gewijzigd en houd servergeheimen buiten de NEXT_PUBLIC_- en EXPO_PUBLIC_-waarden.

1. Open apps/mobile/src/auth/client.ts en apps/mobile/src/auth/mobile-auth-configuration.ts in VS Code om de bestaande aanmeldingsstroom te vinden.

2. Plaats EXPO_PUBLIC_API_URL en EXPO_PUBLIC_APP_SCHEME in apps/mobile/.env.local en zorg ervoor dat de webserver zijn eigen instellingen heeft in apps/web/.env.local.

3. Start Web vanaf de root met corepack pnpm --filter @supastack/web dev, en start vervolgens in een andere terminal Expo met corepack pnpm --filter @supastack/mobile start. Verwacht: een testaanmelding opent de browser en keert terug naar de mobiele app. Gebruik op een fysieke telefoon het bereikbare Wi-Fi-/LAN-adres van de computer voor de API; phone-localhost betekent de telefoon zelf.

De mobiele app gebruikt de Better Auth Expo-integratie en native secure storage. API-origin en appscheme moeten overeenkomen met de native configuratie en de toegestane return-flow van de authenticatieserver.

EXPO_PUBLIC_API_URL=https://your-api.example
EXPO_PUBLIC_APP_SCHEME=supastack

Commando's om te kopiëren

Volg de opmerkingen om te zien in welke map een opdracht wordt uitgevoerd. Als twee terminals zijn gelabeld, opent u twee terminalvensters en laat u de eerste opdracht draaien terwijl u de tweede gebruikt.

# Terminal 1 — Web API (from the monorepo root):
corepack pnpm --filter @supastack/web dev

# Terminal 2 — Expo app (from the monorepo root):
corepack pnpm --filter @supastack/mobile start

Implementatieworkflow

Volg de bestaande native authenticatieclient in plaats van webcookie-aannames naar mobiel te kopiëren. Open providerauthenticatie via de geconfigureerde browserflow, handel de callback af en resolveer daarna de geauthenticeerde sessie voordat je beschermde acties presenteert.

Houd een geannuleerde aanmelding gescheiden van een geslaagde aanmelding. Leden kunnen biometrische app-vergrendeling inschakelen (Face ID, Touch ID of vingerafdruk in apps/mobile/src/security/app-lock.ts onder Instellingen → Beveiliging) om terugkeer naar de voorgrond te beveiligen. Wis bij het uitloggen de lokale weergave van de vorige gebruiker en de workspace-gebonden offline leescache (apps/mobile/src/offline/), en controleer dat de serversessie geen beschermde taken meer kan uitvoeren.

Verificatie en probleemoplossing

Als het inloggen een browser opent maar niet terugkeert naar de app, controleer dan of EXPO_PUBLIC_APP_SCHEME overeenkomt met het schema in apps/mobile/app.config.ts. Als de app de server niet kan bereiken, vervang dan localhost door het LAN-adres van de computer, controleer of beide apparaten hetzelfde netwerk gebruiken en start Expo opnieuw op na het bewerken van apps/mobile/.env.local. Expo Go is een gebruikersinterface voorbeeld; Voor native aankoopacceptatie is een EAS-ontwikkelingsbuild vereist.

Oefen cold-startcallbacks, terugkeren naar een draaiende app, geannuleerd inloggen en verlopen sessies op de bedoelde build. Als de browser terugkeert maar de app uitgelogd blijft, inspecteer dan schemematching en API-bereikbaarheid voordat je providerconfiguratie wijzigt.