Image de marque personnalisée dans Azure AD

Introduction

Personnalisation de vos pages de connexion Azure AD, visibles lorsque les utilisateurs se connectent aux applications spécifiques au locataire de votre organisation, telles que https://outlook.com/tothenew.com, https://passwordreset.microsoftonline.com/?whr=tothenew.com (où tothenew.com doit être remplacé par le domaine utilisé par votre locataire/organisation) est maintenant devenu plus faisable en utilisant l’option Azure AD Custom Branding. Nous allons configurer la même chose et voir comment cela fonctionne.

Scénario

Les logos, images, slogans et phrases, ainsi que d’autres informations présentées aux utilisateurs contribuent à assurer la cohérence et à réduire la confusion en indiquant clairement qu' »il s’agit d’un service/une notification légitime de ma société ». Ainsi, Azure AD fournit une fonctionnalité connue sous le nom de Custom Branding pour incorporer des aspects de branding dans votre application.

Approche de solution

Azure AD fournit des options limitées mais intéressantes pour personnaliser l’image de marque d’une organisation. L’identité et la plate-forme utilisateur nous permettent de configurer l’expérience utilisateur en fonction des normes et des politiques de l’organisation.

Conditions préalables

• Accès au compte Azure avec une licence Azure AD 365/Premium 1/Premium 2.
• Accès administrateur global pour configurer la page de marque personnalisée.
• Détails et logos de page de marque personnalisés.

La solution

Création d’une application d’entreprise :

A intégrer avec Azure Active Directory, vous aurez besoin d’un enregistrement d’application ou d’une application d’entreprise créée dans Azure. Pour les options telles que l’authentification unique et les politiques personnalisées, nous utilisons Enterprise Application. Vous pouvez également utiliser l’enregistrement d’application selon les préférences de votre application.

Étape 1 : Accédez à l’application d’entreprise

Étape 2 : Choisissez parmi les options de notre application, ici nous développons notre application.

Étape 3 : Pour que notre application prenne en charge l’authentification, nous devons ajouter le Clé secrète du client et ID d’application au code.

Étape 4 : Une fois que nous avons hébergé notre application, nous pouvons ajouter un URI de redirection de l’application vers laquelle les utilisateurs seront redirigés pour se connecter.

Nous pouvons choisir entre un accès multi-locataire ou mono-locataire pour l’application.
Ici, nous sélectionnons l’option à locataire unique car nous souhaitons que notre application soit utilisée uniquement par nos utilisateurs locataires.

Une fois cela fait, les utilisateurs peuvent s’authentifier auprès de notre application. Configurons maintenant les options de personnalisation de notre application.

Personnaliser l’image de marque :

Configurons les options de marque pour notre application.

Avant de poursuivre, confirmez que les images (logo, arrière-plan, arrière-plan carré) que vous souhaitez afficher sur la page de connexion ont les bonnes tailles et dimensions. Si vous ne vous en occupez pas, vous perdrez votre temps à télécharger des images, et vous constaterez finalement que les changements de marque ne sont pas effectués. Voici certaines spécifications −

Pas:

Étape 1 – Accédez au répertoire avec lequel vous souhaitez travailler.

Étape 2 – Cliquez sur l’onglet « Configurer » dans le menu du haut.

Étape 3 – Cliquez sur le bouton « Personnaliser la marque ». La fenêtre contextuelle suivante apparaîtra.

Étape 4 – Entrez les détails et téléchargez les images.

Étape 5 – Cliquez sur Suivant et entrez les autres détails.

Une fois que vous avez terminé, recherchez les notifications en bas de la fenêtre pour vous assurer que les modifications sont acceptées. Une notification dans le contour rouge indique qu’elle n’a pas réussi lors d’une tentative précédente et a généré une erreur. Si les modifications ne sont pas acceptées et qu’une erreur se produit, cliquez sur le bouton « Détails » pour en rechercher la cause. Habituellement, cela se produit lorsque la taille et la dimension des images à télécharger ne sont pas correctes.

Liens personnalisés pour tester la marque :

1. https://account.activedirectory.windowsazure.com/proofup.aspx?whr=
2. login.microsoftonline.com/?whr=

Exemple:

1. https://account.activedirectory.windowsazure.com/proofup.aspx?whr=ToTheNew.com
2. login.microsoftonline.com/?whr=ToTheNew.com

Connectez-vous avec une page de connexion personnalisée

Lorsque vous vous connectez à l’application de votre organisation, vous verrez votre logo, une grande image d’illustration et un texte de connexion sur cette page. Par exemple, connectons-nous à Office 365 à l’aide du compte de l’organisation.

Choses à considérer

• Le nom de domaine doit être actif.
• L’affichage des modifications sur la page de connexion peut prendre jusqu’à une heure.
• Pour tester, choisissez une session ‘in-privée’ d’internet explorer (ou une session correspondante dans un autre navigateur où les cookies n’affectent pas votre navigation).

Conclusion

Cette fonctionnalité aide les employés à savoir qu’ils interagissent avec des ressources spécifiques de l’entreprise lorsqu’ils effectuent des actions de sécurité telles que la connexion, l’accès aux applications et la modification de leurs mots de passe. Une organisation peut ajouter le logo de l’entreprise et des combinaisons de couleurs aux pages de connexion et du panneau d’accès, ainsi que des versions localisées du logo pour différentes langues et paramètres régionaux.

Références et liens

TROUVÉ CELA UTILE ? PARTAGEZ-LE