Personnaliser l'interface utilisateur

Documentation :

La plupart des modèles de pages HTML sont des templates Velocity (fichiers avec l'extension .vm). Vous pouvez personnaliser ces templates dans le répertoire views. Ces templates font également référence à des fichiers de propriétés (fichiers avec l'extension .properties) que vous pouvez personnaliser dans le répertoire messages.

Les CSS fournies par défaut avec l'IdP Shibboleth conviennent peu pour un usage en production. Nous vous suggérons de vous baser sur les templates et CSS distribués par SWITCH (voir le lien ci-dessus).

Des fichiers de propriétés incluant les traductions dans différentes langues (y compris le français) sont disponibles ici. Vous pouvez les installer ceux que vous souhaitez dans votre IdP :

# Utilisez le lien que vous aurez trouvé sur https://wiki.shibboleth.net/confluence/display/IDP30/MessagesTranslation 
$> wget -O messages_fr.properties https://wiki.shibboleth.net/confluence/download/.../messages_fr.properties 
$> sudo cp messages_fr.properties /opt/shibboleth-idp/messages

Ces mêmes fichiers de propriétés incluent des éléments à personnalier pour votre organisme. Remarque : certaines propriétés auxquelles nous faisons référence ci-dessous ne sont utilisées que par les templates de SWITCH :

...
idp.title = Service d'authentification
idp.logo = /images/univ-test.png
idp.logo.alt-text = Univ Test
idp.logo.target.url = http://www.univ-test.fr
...
...
idp.login.forgotPassword.url = https://univ-test.fr/sesame/forgotpassword
...

Installez le logo de votre organisme dans l'environnement de l'IdP :

$> wget https://www.univ-test.fr/logos/univ-test.png
$> cp univ-test.png $HOME/shibboleth-identity-provider-3.4.4/edit-webapp/images/univ-test.png
La taille du logo ne doit pas dépasser 200×100 pixel.

Reconstruire le fichier idp.war et redémarrez le serveur Tomcat:

$> cd /opt/shibboleth-idp
$> sudo -E ./bin/build.sh 
Installation Directory: [/opt/shibboleth-idp/]

Rebuilding /opt/shibboleth-idp/war/idp.war ...
...done

BUILD SUCCESSFUL
Total time: 14 seconds
$> sudo systemctl restart tomcat
Internationnalisation : vous avez la possibilité de définir des fichiers de propriétés dans différentes langues. Voir cette documentation
Fichiers de configuration édités dans ce chapitre :
  • /opt/shibboleth-idp/messages/error-messages.properties
  • /opt/shibboleth-idp/messages/authn-messages.properties
  • /opt/shibboleth-idp/edit-webapp/images/univ-test.png
  • Dernière modification : 2023/04/20 11:07