Puoi passare lo stato tramite un URL di continuazione quando invii azioni email per il ripristino della password o la verifica dell'indirizzo email di un utente. In questo modo, l'utente può tornare all'app al termine dell'azione. Inoltre, puoi specificare se gestire il link all'azione email direttamente da un'applicazione mobile quando è installata anziché da una pagina web.
Questo può essere estremamente utile nei seguenti scenari comuni:
Un utente che al momento non ha eseguito l'accesso potrebbe tentare di accedere a contenuti che richiedono l'accesso. Tuttavia, l'utente potrebbe aver dimenticato la password e quindi attivare il flusso di reimpostazione della password. Al termine del flusso, l'utente si aspetta di tornare alla sezione dell'app a cui stava tentando di accedere.
Un'applicazione può offrire l'accesso solo agli account verificati. Ad esempio, per iscriversi a una newsletter l'utente potrebbe dover verificare il proprio indirizzo email. L'utente deve completare il flusso di verifica email e poi tornare all'app per completare l'abbonamento.
In altri casi, l'utente potrebbe aver avviato il flusso dal proprio dispositivo mobile e dopo la verifica si aspetta di tornare alla propria app mobile anziché al browser.
La possibilità di passare lo stato tramite un URL di continuazione è una funzionalità potente fornita da Firebase Auth che può migliorare notevolmente l'esperienza utente.
Trasmissione dello stato di un URL di continuazione nelle azioni email
Per passare in modo sicuro un URL di continuazione, il dominio dell'URL dovrà essere aggiunto come dominio autorizzato nella console Firebase. Per farlo, vai alla sezione Autenticazione e aggiungi il dominio all'elenco di domini autorizzati nella scheda Metodo di accesso, se non è già presente.
È necessario fornire un'istanza firebase.auth.ActionCodeSettings quando si invia un'email di reimpostazione della password o un'email di verifica. Questa interfaccia accetta i seguenti parametri:
| Parametro | Tipo | Descrizione |
|---|---|---|
url |
stringa | Imposta il link (URL stato/continua) che ha significati diversi in contesti diversi:
|
iOS |
({bundleId: string}|undefined) | Imposta l'ID bundle iOS per aiutare Firebase Authentication a determinare se deve creare un link solo web o mobile che si apre su un dispositivo Apple |
android |
({packageName: string, installApp:boolean|undefined, minimumVersion: string|undefined}|undefined) | Imposta il nome del pacchetto Android per aiutare Firebase Authentication a determinare se deve creare un link solo web o mobile che si apre su un dispositivo Android |
handleCodeInApp |
(booleano|undefined) | Indica se il link all'azione email deve essere aperto prima in un'app mobile o in un link web. Il valore predefinito è false. Se impostato su true, il link al codice di azione verrà inviato come link universale o link app per Android e verrà aperto dall'app, se installata. Nel caso in cui il valore sia falso, il codice verrà inviato prima al widget web e poi, al termine, reindirizzerà all'app se installata. |
linkDomain |
(stringa|undefined) | Quando per un progetto sono definiti domini di link Hosting personalizzati,
specifica quale utilizzare quando il link deve essere aperto da un'app mobile specificata.
In caso contrario, viene selezionato automaticamente il dominio predefinito (ad es.
PROJECT_ID.firebaseapp.com |
dynamicLinkDomain |
(stringa|undefined) | Deprecato. Non specificare questo parametro. |
L'esempio seguente illustra come inviare un link di verifica email che si aprirà prima in un'app mobile utilizzando il dominio Hosting personalizzatocustom-domain.com. Il link diretto conterrà il payload dell'URL di continuahttps://www.example.com/?email=user@example.com.
const actionCodeSettings = {
url: 'https://www.example.com/?email=' + firebase.auth().currentUser.email,
iOS: {
bundleId: 'com.example.ios'
},
android: {
packageName: 'com.example.android',
},
handleCodeInApp: true,
// Specify a custom Hosting link domain to use. The domain must be
// configured in Firebase Hosting and owned by the project.
linkDomain: "custom-domain.com"
};
firebase.auth().currentUser.sendEmailVerification(actionCodeSettings)
.then(function() {
// Verification email sent.
})
.catch(function(error) {
// Error occurred. Inspect error.code.
});
Configurazione dei link Firebase Hosting
Firebase Authentication utilizza Firebase Hosting quando invia un link da aprire in un'applicazione mobile. Per poter utilizzare questa funzionalità, i link di hosting devono essere configurati nella console Firebase.
Configurazione delle applicazioni Android:
- Se prevedi di gestire questi link dalla tua applicazione per Android, il nome del pacchetto dell'app deve essere specificato nelle impostazioni del progetto della console Firebase. Inoltre, devono essere forniti gli hash SHA-1 e SHA-256 del certificato dell'applicazione.
- Dovrai anche configurare il filtro per intent per il link diretto nel
file
AndroidManifest.xml. - Per saperne di più, consulta Istruzioni per la ricezione dei link di hosting Android.
Configurazione delle applicazioni per iOS:
- Se prevedi di gestire questi link dalla tua applicazione per iOS, dovrai configurare il dominio del link Hosting come dominio associato nelle funzionalità della tua applicazione.
- Per saperne di più, consulta Istruzioni per la ricezione dei link di hosting per iOS.
Gestione delle azioni email in un'applicazione web
Puoi specificare se vuoi gestire prima il link al codice di azione da un'applicazione web e poi reindirizzare a un'altra pagina web o applicazione mobile al termine dell'operazione, a condizione che l'applicazione mobile sia disponibile.
A tale scopo, imposta handleCodeInApp su false nell'oggetto
firebase.auth.ActionCodeSettings. Sebbene non siano obbligatori, l'ID pacchetto iOS o il nome del pacchetto Android consentiranno all'utente di reindirizzarsi all'app specificata al termine del codice di azione email.
L'URL web utilizzato qui è quello configurato nella sezione dei modelli di azioni email. Per tutti i progetti viene eseguito il provisioning di un valore predefinito. Per saperne di più su come personalizzare il gestore delle azioni email, consulta la sezione sulla personalizzazione dei gestori email.
In questo caso, il link all'interno del parametro di query continueUrl sarà un link di hosting il cui payload è il URL specificato nell'oggetto ActionCodeSettings.
Quando gestisci azioni email come la verifica email, il codice di azione del parametro di query oobCode deve essere analizzato dal link diretto e poi applicato tramite applyActionCode affinché la modifica venga applicata, ovvero l'email venga verificata.
Gestione delle azioni email in un'applicazione mobile
Puoi specificare se vuoi gestire prima il collegamento del codice di azione all'interno della tua
app mobile, a condizione che sia installata. Se il link viene fatto clic da un dispositivo che non supporta l'applicazione mobile, viene aperto da una pagina web. A tale scopo, imposta handleCodeInApp su true nell'oggetto
firebase.auth.ActionCodeSettings. Dovrà essere specificato anche il nome del pacchetto Android o l'ID bundle iOS dell'applicazione mobile.
L'URL web di riserva utilizzato qui, quando non è disponibile un'app mobile, è quello configurato nella sezione dei modelli di azioni email. Per impostazione predefinita, viene eseguito il provisioning per tutti i progetti. Per saperne di più su come personalizzare il gestore delle azioni email, consulta la sezione relativa alla personalizzazione dei gestori email.
In questo caso, il link all'app mobile inviato all'utente sarà un link Hosting il cui payload è l'URL del codice di azione configurato nella Console con i parametri di query oobCode, mode, apiKey e continueUrl. Quest'ultimo sarà il URL originale specificato nell'oggetto ActionCodeSettings. Il codice di azione può essere applicato direttamente da un'applicazione mobile in modo simile a come viene gestito dal flusso web descritto nella sezione sulla personalizzazione dei gestori email.
Quando gestisci azioni email come la verifica email, il codice di azione del parametro di query oobCode deve essere analizzato dal link diretto e poi applicato tramite applyActionCode affinché la modifica venga applicata, ovvero l'email venga verificata.