Hur man: Använd lösenordsautofyll i din app

Om din webbplats har ett kontosystem där användare kan logga in, vill du göra inloggningsprocessen så bekväm som möjligt. Självklart gäller detta också för din app, eftersom den kommer att inkludera samma inloggningssida.

Den viktigaste möjligheten att minska friktionen under inloggningsprocessen är att se till att du håller användarna inloggade automatiskt genom cookies. Detta fungerar på samma sätt i appen som på din webbplats, så du behöver inte göra något extra där om det redan fungerar på din webbplats. Detta minskar avsevärt antalet gånger användaren behöver logga in, men användaren måste fortfarande logga in första gången de använder appen eller när cookies går ut. På grund av detta bör vi fortfarande försöka göra dessa inloggningar snabba och enkla.

Ett viktigt sätt att uppnå detta är att låta folk använda sina lösenordshanterare. På så sätt kan de enkelt infoga sitt sparade användarnamn och lösenord och behöver inte skriva eller kopiera/klistra in dem. Det finns några saker att se upp för här, vilket vi kommer att titta på i denna artikel.

Ställa in det på din webbplats

För att autofyllfunktionerna ska fungera i din app måste de först fungera på din webbplats. Om du använder en webbplatsbyggare bör detta fungera direkt. Om du skriver HTML själv, se till att du ställer in de nödvändiga attributen på dina inmatningselement. Detta är inte fokus för denna guide, jag nämner det mest så att du kommer ihåg att kontrollera din webbplatsinställning om du har problem med lösenordsautofyll i din app. Det bästa sättet att testa om det fungerar på din webbplats är att öppna din webbplats i Chrome på en Android-enhet och i Safari på en iOS-enhet. Om sparande och autofyllning av inloggningsuppgifter fungerar bra där, bör din webbplats vara korrekt konfigurerad.

iOS-konfiguration

Tyvärr begränsar Apple funktionaliteten hos lösenordshanterare inuti appar som är baserade på webbplatser. För att vara specifik kan WebView-komponenten (som är appens inbyggda webbläsare som visar din webbplats) varken spara nya eller infoga tidigare sparade lösenord och användarnamn som standard. Detta är naturligtvis irriterande för användare som vi tidigare diskuterat. Lyckligtvis kan vi minska denna frustration åtminstone delvis, eftersom med lite extra inställning kommer infogning av sparade lösenord att fungera.

För att aktivera denna funktion behöver du ställa in applänkar för din app. Både applänkar och denna autofyllfunktion kräver att du verifierar att din app och webbplats hör ihop. Eftersom de inte har några nackdelar har vi bundlat dem tillsammans så att du aktiverar dem båda på en gång, vilket är enklare.

Observera att även då kan användare bara infoga tidigare sparade uppgifter. Att spara nya fungerar fortfarande bara i Safari. Detta beror på en begränsning från Apple och är samma för både iOS Keychain och andra lösenordshanterare.

När det är inställt kommer användare att kunna komma åt sina sparade lösenord via tangentbordet. Så här ser det ut när du använder iOS Keychain-appen:

Och här är en skärmdump av vad du ser när du använder en tredjeparts lösenordshanterare, i detta fall LastPass:

Användningsanteckningar för Android

På Android behöver du inte göra några ytterligare konfigurationer. Användare kommer att uppmanas att spara/fylla i sina lösenord som standard, till exempel av Googles lösenordshanterare:

Tredjeparts lösenordshanterare kanske eller kanske inte stöder att fylla i lösenord i appar baserade på webbplatser. Till exempel fungerar LastPass:

Men andra lösenordshanterare som Bitwarden fungerar inte, eftersom Bitwarden-utvecklarna måste manuellt aktivera autofyll för varje app och det är inaktiverat som standard.

Tänk på att den här funktionen också kan se annorlunda ut beroende på vilken variant av Android du använder. Märken som Samsung och Xiaomi modifierar kraftigt den Android-version de använder, så den här funktionen kan också se lite annorlunda ut på sådana enheter.