Anleitung: Passwort-Autofill in deiner App verwenden

Wenn deine Website ein Kontosystem hat, bei dem sich Benutzer anmelden können, möchtest du den Anmeldeprozess so bequem wie möglich gestalten. Natürlich gilt das auch für deine App, da sie dieselbe Anmeldeseite enthalten wird.

Die wichtigste Möglichkeit, Reibungen während des Anmeldeprozesses zu reduzieren, besteht darin, sicherzustellen, dass Benutzer automatisch über Cookies angemeldet bleiben. Das funktioniert in der App genauso wie auf deiner Website, sodass du nichts Zusätzliches tun musst, wenn es auf deiner Website bereits funktioniert. Dies reduziert die Anzahl der Anmeldungen erheblich, aber der Benutzer muss sich trotzdem beim ersten Mal, wenn er die App benutzt, oder wenn die Cookies ablaufen, anmelden. Daher sollten wir trotzdem versuchen, diese Anmeldungen schnell und einfach zu gestalten.

Eine wichtige Möglichkeit, dies zu erreichen, besteht darin, den Leuten zu erlauben, ihre Passwort-Manager zu verwenden. So können sie ihren gespeicherten Benutzernamen und ihr Passwort einfach einfügen und müssen sie nicht eintippen oder kopieren/einfügen. Hier gibt es ein paar Dinge zu beachten, die wir in diesem Artikel näher betrachten werden.

Einrichtung auf deiner Website

Damit die Autofill-Funktionen in deiner App funktionieren, müssen sie zuerst auf deiner Website funktionieren. Wenn du einen Website-Builder verwendest, sollte das von Haus aus funktionieren. Wenn du das HTML selbst schreibst, stelle sicher, dass du die notwendigen Attribute auf deinen Eingabeelementen setzt. Das ist nicht der Fokus dieses Leitfadens, ich erwähne es hauptsächlich, damit du daran denkst, deine Website-Einstellungen zu überprüfen, falls du Probleme mit dem Passwort-Autofill in deiner App hast. Der beste Weg, um zu testen, ob es auf deiner Website funktioniert, ist, deine Website in Chrome auf einem Android-Gerät und in Safari auf einem iOS-Gerät zu öffnen. Wenn das Speichern und Autofüllen von Anmeldedaten dort einwandfrei funktioniert, sollte deine Website korrekt konfiguriert sein.

iOS-Konfiguration

Leider beschränkt Apple die Funktionalität von Passwort-Managern in Apps, die auf Websites basieren. Genauer gesagt kann die WebView-Komponente (der eingebaute Browser der App, der deine Website anzeigt) standardmäßig weder neue Passwörter und Benutzernamen speichern noch zuvor gespeicherte einfügen. Das ist natürlich ärgerlich für Benutzer, wie wir bereits besprochen haben. Glücklicherweise können wir diese Frustration zumindest teilweise reduzieren, da das Einfügen gespeicherter Passwörter mit ein wenig zusätzlicher Einrichtung funktionieren wird.

Um diese Funktion zu aktivieren, musst du App-Links für deine App einrichten. Sowohl App-Links als auch diese Autofill-Funktion erfordern, dass du verifizierst, dass deine App und Website zusammengehören. Da sie keine Nachteile haben, haben wir sie zusammengefasst, sodass du sie beide auf einmal aktivieren kannst, was einfacher ist.

Bitte beachte, dass selbst dann Benutzer nur zuvor gespeicherte Anmeldedaten einfügen können. Neue zu speichern funktioniert weiterhin nur in Safari. Dies ist eine Einschränkung von Apple und gilt sowohl für den iOS-Schlüsselbund als auch für andere Passwort-Manager.

Sobald es eingerichtet ist, können Nutzer über die Tastatur auf ihre gespeicherten Passwörter zugreifen. So sieht das aus, wenn du die iOS-Schlüsselbund-App verwendest:

Und das ist ein Screenshot von dem, was du siehst, wenn du einen Drittanbieter-Passwortmanager verwendest, in diesem Fall LastPass:

Hinweise zur Nutzung auf Android

Auf Android musst du keine zusätzlichen Konfigurationen vornehmen. Nutzer werden standardmäßig aufgefordert, ihre Passwörter zu speichern/auszufüllen, zum Beispiel durch den Google-Passwortmanager:

Drittanbieter-Passwortmanager unterstützen möglicherweise das Ausfüllen von Passwörtern in Apps, die auf Websites basieren, nicht. Zum Beispiel funktioniert LastPass:

Aber andere Passwortmanager wie Bitwarden funktionieren nicht, weil die Bitwarden-Entwickler das automatische Ausfüllen manuell für jede App aktivieren müssen und es standardmäßig deaktiviert ist.

Beachte, dass diese Funktion je nach verwendeter Android-Version unterschiedlich aussehen kann. Marken wie Samsung und Xiaomi modifizieren die Android-Version stark, sodass diese Funktion auf solchen Geräten auch etwas anders aussehen kann.