App-Sperre (eine Einstellung)
Setze enableBioMetricAuth in Config.swift / Config.java auf true, und die App fragt bei jedem Öffnen nach Face ID, Touch ID oder Fingerabdruck. An deiner Web-App musst du nichts ändern.
Zwei Wege, Biometrie zu nutzen
JavaScript-API (bioauth://)
Ruf bioauth:// aus deiner Web-App auf, bevor du einen sensiblen Bildschirm zeigst; WebViewGold ruft dann onBioAuthSuccess(), onBioAuthFailure(code, message) oder onBioAuthUnavailable() in deiner Seite auf. Zusammen mit deiner Session bei Auth.js/NextAuth, Clerk, Supabase Auth oder Vercel-Integrationen wird daraus ein Login nach dem Motto „mit dem Gesicht entsperren“.
Ein sichtbares natives Feature
Biometrischer Login ist eine der klarsten Antworten auf Apples Guideline 4.2: Ein Safari-Tab kann das nicht, und Reviewer bemerken es gleich auf dem ersten Bildschirm.
Prompt für v0
Füge das in v0 ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt zum Einfügen in v0
Add a biometric lock for the WebViewGold app wrapper to this Next.js app. Create a client component BiometricGate and render it in app/layout.tsx. It reads a biometric_lock preference from the user record via a server action; if enabled and navigator.userAgent contains my custom WebViewGold token, it shows a full-screen overlay and sets window.location.href to bioauth://. In a useEffect register window.onBioAuthSuccess (dismiss the overlay), window.onBioAuthFailure(errorCode, errorMessage) (show the message and a Try again button) and window.onBioAuthUnavailable (clear the preference and dismiss). Add a Settings toggle that updates the preference through a server action. Re-lock when the page becomes visible after more than five minutes.
Ich bin sehr glücklich, dass ich diese App gekauft habe! Extrem einfach und großartige Dokumentation. Ich stand in Kontakt mit dem Kundenservice, sie antworteten sehr schnell und sehr freundlich. Sie lösten meine Frage innerhalb eines Tages. 10/10 würde ich empfehlen.
Biometrisches Entsperren für v0 einrichten
Rund 15 Minuten.
Entscheiden, was geschützt wird
Die ganze App (App-Sperre) oder bestimmte Bildschirme wie Kontoeinstellungen, Zahlungsdaten, Gesundheitsdaten oder ein privates Tagebuch (JavaScript-API). Viele Apps kombinieren beides: Sperre beim Start, erneute Prüfung vor sensiblen Aktionen.
Die Face-ID-Nutzungsbeschreibung ergänzen (iOS)
Füge im Xcode-Projekt von WebViewGold den Schlüssel „Privacy – Face ID Usage Description“ zur Info.plist hinzu, mit einem Satz, der erklärt, wofür die App Face ID nutzt. Ohne ihn steht Face ID nicht zur Verfügung. Im Cloud Builder gibt es für diesen Text ein eigenes Feld.
Die Callbacks in deiner Web-App umsetzen
Definiere
onBioAuthSuccess,onBioAuthFailureundonBioAuthUnavailableals globale JavaScript-Funktionen und navigiere zubioauth://, sobald der geschützte Bildschirm lädt. Bei Erfolg zeigst du den Bildschirm, sonst eine Alternative (Passwort).Die Session am Leben halten
Biometrie ersetzt das Eintippen des Passworts, nicht die Session: Halte den Nutzer bei Auth.js/NextAuth, Clerk, Supabase Auth oder Vercel-Integrationen eingeloggt und nutze die biometrische Prüfung als lokale Schranke. Gib im Web-Code nie Zugriff frei, ohne dass der native Callback kam.
Auf echten Geräten testen
Im Simulator kannst du eine Fake-Face-ID registrieren (Features → Face ID), aber teste auf einem iPhone und einem Android-Smartphone mit Fingerabdruck, auch den Fall „keine Biometrie eingerichtet“.
Die JavaScript-Seite
Füge das in deine v0-App ein (oder lass v0 das Gegenstück für dein Framework generieren):
javascript
function onBioAuthSuccess() {
document.body.classList.remove("locked");
}
function onBioAuthFailure(errorCode, errorMessage) {
showPasswordFallback(errorMessage);
}
function onBioAuthUnavailable() {
showPasswordFallback("Biometrie ist auf diesem Gerät nicht verfügbar");
}
// beim Öffnen des geschützten Bildschirms nach Face ID / Fingerabdruck fragen
if (navigator.userAgent.includes("WebViewGold")) {
window.location.href = "bioauth://";
}Hinweise zur Sicherheit
- Der Callback läuft in deiner Seite, behandle ihn also als UI-Schranke, nicht als Identitätsnachweis: Alles, was wirklich sicher sein muss, bleibt hinter deiner Backend-Session in Next.js Route Handlers und Server Actions, Postgres über Neon oder Supabase.
- Biete eine Alternative (Passwort oder PIN) für Geräte ohne Biometrie und für Nutzer, die die Face-ID-Berechtigung abgelehnt haben; WebViewGold meldet diesen Fall über
onBioAuthUnavailable(). - Ruf
bioauth://nur innerhalb der App auf: Erkenne den eigenen User Agent von WebViewGold, sonst zeigt der Browser einen Fehler für das unbekannte Schema.
Häufig gestellte Fragen
Brauche ich Face ID für das App-Review?
Nein, aber es hilft. Guideline 4.2 verlangt Funktionen, die über eine Website hinausgehen; biometrischer Login, Push-Benachrichtigungen und Offline-Handling sind die nativen Features, die Reviewer zuerst sehen.
Funktioniert das mit meinem bestehenden Login?
Ja. Die biometrische Prüfung ist unabhängig vom Auth-Anbieter: Die Session bleibt bei Auth.js/NextAuth, Clerk, Supabase Auth oder Vercel-Integrationen, WebViewGold setzt nur die lokale Entsperrung davor.
Was ist, wenn der Nutzer keine Face ID eingerichtet hat?
Im Modus App-Sperre fällt iOS auf den Gerätecode zurück; mit der JavaScript-API bekommst du onBioAuthUnavailable() und zeigst deine eigene Alternative.
Funktioniert das auf Android genauso?
Ja. Derselbe bioauth://-Aufruf und dieselben Callbacks funktionieren auf Android mit Fingerabdruck oder Gesichtsentsperrung, und die App-Sperre gibt es auch in Config.java.
Drei Wege, deine App in die Stores zu bringen
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
Selbst machen
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehenCloud Builder
$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobierenFull Service
$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.