Come fare: Utilizzare l'autocompletamento delle password nella tua app

Postato su 21. giugno 2024 da Jan Bunk

Un robot umanoide con una grande chiave che sblocca una porta blindata, arte digitale

Se il tuo sito web ha un sistema di account in cui gli utenti possono accedere, vuoi rendere il processo di login il più conveniente possibile. Ovviamente questo vale anche per la tua app, poiché includerà la stessa pagina di login.

L'opportunità più importante per ridurre gli attriti durante il processo di login è assicurarsi di mantenere gli utenti connessi automaticamente tramite i cookie. Questo funziona allo stesso modo nell'app come sul tuo sito web, quindi non devi fare nulla di aggiuntivo se già funziona sul tuo sito web. Questo riduce significativamente il numero di volte in cui l'utente deve effettuare il login, ma l'utente deve comunque effettuare il login la prima volta che utilizza l'app o ogni volta che i cookie scadono. Per questo motivo, dovremmo comunque cercare di rendere quei login rapidi e facili.

Un modo importante per ottenere ciò è permettere alle persone di utilizzare i loro gestori di password. In questo modo possono facilmente inserire il loro nome utente e password salvati e non devono digitarli o copiarli/incollarli. Ci sono un paio di cose a cui prestare attenzione qui, che esamineremo in questo articolo.

Configurarlo sul Tuo Sito Web

Perché le funzionalità di riempimento automatico funzionino nella tua app, devono prima funzionare sul tuo sito web. Se utilizzi un costruttore di siti web, questo dovrebbe funzionare automaticamente. Se stai scrivendo l'HTML da solo, assicurati di impostare gli attributi necessari sui tuoi elementi di input. Questo non è il focus di questa guida, lo menziono principalmente per ricordarti di controllare la configurazione del tuo sito web se hai problemi con il riempimento automatico delle password nella tua app. Il modo migliore per testare se funziona sul tuo sito web è aprire il tuo sito web in Chrome su un dispositivo Android e in Safari su un dispositivo iOS. Se il salvataggio e il riempimento automatico dei dettagli di login funzionano bene lì, il tuo sito web dovrebbe essere configurato correttamente.

Configurazione iOS

Purtroppo Apple limita la funzionalità dei gestori di password all'interno delle app basate su siti web. Per essere specifici, per impostazione predefinita il componente WebView (che è il browser integrato dell'app che visualizza il tuo sito web) non può né salvare nuove né inserire password e nomi utente precedentemente salvati. Questo è ovviamente fastidioso per gli utenti come abbiamo discusso in precedenza. Fortunatamente possiamo ridurre questa frustrazione almeno parzialmente, poiché con un po' di configurazione extra l'inserimento delle password salvate funzionerà.

Per abilitare questa funzione, devi configurare i link dell'app per la tua app. Sia i link dell'app che questa funzione di riempimento automatico richiedono di verificare che la tua app e il tuo sito web appartengano insieme. Poiché non hanno alcun lato negativo, li abbiamo raggruppati insieme in modo da abilitarli entrambi contemporaneamente, il che è più facile.

Tieni presente che anche in questo caso gli utenti possono solo inserire le credenziali precedentemente salvate. Il salvataggio di nuove funziona ancora solo in Safari. Questo è dovuto a una restrizione di Apple ed è lo stesso sia per iOS Keychain che per altri gestori di password.

Una volta configurato, gli utenti potranno accedere alle password salvate tramite la tastiera. Ecco come appare utilizzando l'app Portachiavi di iOS:

Uno screenshot della tastiera iOS che offre di compilare automaticamente i dettagli di accesso tramite l'app Portachiavi.

E questo è uno screenshot di ciò che vedi utilizzando un gestore di password di terze parti, in questo caso LastPass:

Uno screenshot della tastiera iOS che offre di compilare automaticamente i dettagli di accesso salvati per l'app webtoapp.design utilizzando LastPass.

Note sull'uso di Android

Su Android, non è necessario fare ulteriori configurazioni. Gli utenti saranno invitati a salvare/compilare le loro password per impostazione predefinita, ad esempio dal gestore di password di Google:

Uno screenshot del gestore di password di Google che offre di salvare la password appena utilizzata per accedere. Uno screenshot della tastiera Android che offre di compilare automaticamente i dettagli di accesso salvati nel gestore di password di Google.

I gestori di password di terze parti potrebbero o meno supportare la compilazione delle password nelle app basate su siti web. Ad esempio, LastPass funziona:

Uno screenshot del gestore di password LastPass che offre di salvare la password appena utilizzata per accedere. Uno screenshot di un popup di LastPass che offre di compilare automaticamente i dettagli di accesso salvati per l'app webtoapp.design.

Ma altri gestori di password come Bitwarden non funzionano, perché gli sviluppatori di Bitwarden devono abilitare manualmente l'autocompletamento per ogni app e questa funzione è disabilitata per impostazione predefinita.

Tieni presente che questa funzione potrebbe anche apparire diversamente a seconda della variante di Android che stai utilizzando. Marchi come Samsung e Xiaomi modificano pesantemente la versione di Android che usano, quindi questa funzione potrebbe anche apparire un po' diversa su tali dispositivi.

Articoli correlati


Un robot umanoide con un cronometro fisico che sovrintende un piano di fabbrica di robot che lavorano a scrivanie, arte digitale

Abbiamo pubblicato 238 app - Ecco quanto tempo ha impiegato la revisione delle app

Abbiamo pubblicato molte app e monitorato quanto tempo ci è voluto per farle entrare negli app store, inclusi i tempi di rifiuto e reinvio delle app.

Immagine con testo: preparare il tuo account Apple Developer per aggiornare la tua app esistente

Passaggi necessari per poter aggiornare la tua App iOS esistente

Questa guida spiega tutti i passaggi che devi completare per permetterci di aggiornare la tua applicazione già pubblicata sull'App Store Apple.

Immagine con testo: preparati ad aggiornare l'applicazione Android esistente

Passaggi prima di aggiornare la tua vecchia applicazione Android

In questa guida scoprirai come trovare tutte le informazioni necessarie per aggiornare la tua applicazione Android esistente, creata da un altro sviluppatore. Per esempio, ti mostreremo dove trovare il nome del pacchetto e le chiavi di firma.


Autore Jan Bunk
Scritto da
Jan Bunk

Ciao, sono Jan! Ho creato webtoapp.design nel 2019 mentre studiavo informatica all'università. Da allora sono cambiate molte cose: non solo mi sono laureato, ma non sono più solo nella gestione di webtoapp.design. Siamo diventati un team globale e completamente in remoto e abbiamo accumulato molta esperienza nello sviluppo e nella pubblicazione di app. Abbiamo creato e pubblicato centinaia di app negli app store, dove sono state scaricate centinaia di migliaia di volte.