Une fois que votre flux d'authentification par identifiant (IFA) a été publié dans le concepteur de flux, vous devez mettre à jour les thèmes souhaités afin de personnaliser l'expérience de connexion pour l'utiliser.
A propos de cette tâche
Personnalisez l'expérience de connexion en modifiant les thèmes de votre choix via la page HTML suivante : template/authentication/login/identity sources/identity source selection/combined_login_selection.html.
La fonctionnalité de personnalisation de la marque Verify prend en charge la modification des fichiers HTML du thème et permet l' JavaScript, ation en ligne, ce qui vous permet d'ajouter un script qui lance votre processus IFA directement depuis la page de connexion. theme.zipLa mise à jour des packs de thèmes s'effectue en téléchargeant le fichier, en modifiant ses éléments, puis en le .zip re-téléchargeant via l'API de personnalisation.
Procédure
- Téléchargez votre thème actuel.
Les thèmes peuvent être mis à jour soit via l'interface utilisateur Verify, soit via l'API de personnalisation.
- Utiliser l'interface utilisateur Verify
- Si vous disposez déjà d'un thème contenant le script de redirection IFA (mis à jour via l'API ou créé par votre équipe de développeurs), vous pouvez l'attribuer à vos applications directement dans l'interface utilisateur.
- Accédez à .
- Cliquez sur « Créer un thème personnalisé ».
- Cliquez sur « Télécharger les fichiers modèles », puis extrayez le .zip fichier sur votre ordinateur.
Ces fichiers contiennent les modèles de connexion que vous allez personnaliser.
- Ajoutez l' JavaScript e qui déclenche votre flux IFA.
Dans le modèle de connexion approprié, ajoutez
<script> window.location.href = "https://<tenant>/v1.0/flows/<flowID>/start"; </script>
.
- Recompressez les fichiers de modèles personnalisés.
Remarque : conservez la structure des dossiers telle quelle et compressez le répertoire racine.
- De retour dans la fenêtre, cliquez sur « Télécharger un fichier », puis sélectionnez votre .zip fichier.
- Saisissez un nom de thème, puis cliquez sur « Créer un thème ».
- Utiliser l'API de personnalisation
- Demander le pack de thèmes :
GET https://<tenant>/v1.0/branding/themes/<themeID>
. Veuillez inclure un jeton d'accès valide. Le thème se télécharge sous la forme d'un
.zip fichier contenant tous les modèles du thème.
- Décompressez le .zip fichier localement pour consulter et modifier les modèles.
- Dans le dossier décompressé, repérez le modèle de page de connexion.
Les chemins d'accès varient selon le thème, mais le modèle de connexion se trouve généralement à l'emplacement suivant :
/templates/authentication/login/cloud_directory/default/login.html
/templates/authentication/login/saml/default/login.html
/templates/authentication/login/oidc/default/login.html
Modifiez le modèle de connexion afin de rediriger les utilisateurs vers votre flux IFA publié (en utilisant le déclencheur URL, comme indiqué dans la section « Configuration de l'authentification par identifiant »).
- Dans le login.html fichier, ajoutez une balise
<script> qui redirige les utilisateurs vers votre flux IFA publié URL.
Par exemple :
<script>
window.location.href = "https://<tenant>/v1.0/flows/<flowID>/start";
</script>
- Recompressez le dossier du thème en conservant sa structure d'origine.
- Téléchargez le thème mis à jour à l'aide de l'API de personnalisation :
curl -X PUT 'https://<tenant>/v1.0/branding/themes/<themeID>' \
--header 'Content-Type: multipart/form-data' \
-F 'configuration=@themeConfiguration.json' \
-F 'files=@updatedTheme.zip' \
-H 'Authorization: Bearer <access_token>'
- Une fois le thème téléchargé :
- Accédez à dans le tenant d'administration.
- Ouvrez l'application qui doit utiliser le flux IFA.
- Accédez au champ « Thème » dans les paramètres de l'application.
- Sélectionnez le thème mis à jour.
- Vérifiez si votre thème redirige vers votre flux IFA.
Si ce n'est pas le cas, vérifiez à nouveau l'emplacement du script et assurez-vous que l' URL de déclenchement de flux appropriée a bien été ajoutée.
Résultats
Vous avez terminé l'attribution du flux d'authentification « Identifier-First » (IFA) aux thèmes.
Que faire ensuite
Configurez le processus d'invitation. Voir la section « Configuration d'un flux de travail d'invitation ».