Personnalisation du portail utilisateur

Les installations Citrix Gateway qui servent le portail aux utilisateurs VPN incluent une option permettant de sélectionner un thème de portail afin de créer un aspect personnalisé pour les pages du portail. Vous pouvez choisir parmi un ensemble de thèmes fourni ou utiliser un thème comme modèle pour créer un portail personnalisé ou marqué. À l’aide de l’utilitaire de configuration, vous pouvez modifier un thème en ajoutant de nouveaux logos, images d’arrière-plan, étiquettes de boîte de saisie personnalisées et divers autres attributs de la conception de portail basée sur CSS. Les thèmes du portail intégré incluent du contenu pour cinq langues : anglais, français, espagnol, allemand et japonais. Différents utilisateurs sont servis dans différentes langues, en fonction des paramètres régionaux signalés par leurs navigateurs Web.

Vous avez la possibilité de créer un contrat de licence utilisateur final personnalisé (CLUF) qui est présenté aux utilisateurs VPN avant qu’ils ne soient autorisés à se connecter. La fonctionnalité CLUF prend en charge les versions spécifiques d’un CLUF, qui sont présentées aux utilisateurs sur la base de leurs navigateurs Web signalés paramètres régionaux.

Les thèmes de portail et les configurations CLUF peuvent être liés indépendamment au serveur virtuel VPN et au niveau global VPN.

Sections

Application d’un thème de portail

Par défaut, le portail VPN est configuré pour utiliser le thème Caxton. Le thème Caxton est nommé par défaut.

Figure 1 : thème Caxton

image localisée

Citrix Gateway inclut deux thèmes supplémentaires qui peuvent être appliqués au portail : les thèmes Greenbubble et X1.

Figure 2 : thème de la bulle verte

image localisée

Figure 3 : thème X1

image localisée

Vous pouvez appliquer l’un des thèmes fournis directement à un serveur virtuel VPN ou en tant que liaison VPN globale.

Liaison d’un thème de portail à un serveur virtuel VPN

Vous pouvez lier un thème de portail sur un serveur virtuel existant ou lors de la création d’un nouveau serveur virtuel.

Utilisation de la ligne de commande pour lier un thème de portail à un serveur virtuel VPN existant

À l’invite de commande, entrez : bind vpn vserver <name> -portaltheme <name>

Utilisation de l’utilitaire de configuration pour lier un thème de portail à un serveur**virtuel VPN existant

  1. Sous l’onglet Configuration , accédez à Citrix Gateway et cliquez sur Serveurs virtuels.
  2. Sélectionnez un serveur virtuel, puis cliquez sur Modifier.
  3. Si un thème de portail n’a pas encore été lié au serveur virtuel, cliquez sur Thème du portail sous Paramètres avancés dans le volet d’informations. Sinon, l’option Thème du portail est déjà développée dans le volet d’informations.
  4. Dans le volet d’informations, sous Thèmes du portail, cliquez sur Aucun thème du portailpour développer la fenêtre de liaison du thème du portail.
  5. Cliquez sur Cliquez pour sélectionner.
  6. Dans la fenêtre Thèmes du portail, cliquez sur un nom de thème, puis cliquez sur Sélectionner.
  7. Cliquez sur Bind.
  8. Cliquez sur Terminé.

Si vous créez un nouveau serveur virtuel VPN, vous pouvez suivre les étapes ci-dessus en commençant par l’étape 3 dans le volet d’édition du serveur virtuel VPN afin de lier un thème de portail.

Liaison d’un thème de portail à VPN Global

Utilisation de la ligne de commande pour lier un thème de portail à l’étendue globale VPN

     À l’invite de commandes, entrez : bind vpn global portaltheme <name>.

Utilisation de l’utilitaire de configuration pour lier un thème de portail à l’étendue globale VPN

  1. Sous l’onglet Configuration , accédez à Citrix Gateway.
  2. Dans le volet d’informations principal, cliquez sur Citrix Gateway Policy Manager.
  3. Cliquez sur l’icône ‘+’.
  4. Dans le menu déroulant Point de liaison , sélectionnez Ressources .
  5. Dans le menu déroulant Type de connexion , sélectionnez Thème du portail.
  6. Cliquez sur Continuer.
  7. Dans l’écran Point de liaison , cliquez sur Ajouter une liaison .
  8. Cliquez sur Cliquez pour sélectionner.
  9. Dans la fenêtre Thèmes du portail, cliquez sur un nom de thème, puis cliquez sur Sélectionner.
  10. Cliquez sur Bind.
  11. Cliquez sur Fermer.
  12. Cliquez sur Terminé.

Astuce

Lorsque vous avez terminé un ensemble de modifications, utilisez la commande « save ns config » sur la ligne de commande ou cliquez sur l’icône Enregistrer dans l’utilitaire de configuration pour vous assurer que vos modifications sont enregistrées dans le fichier de configuration de Citrix ADC.

Création d’un nouveau thème de portail

Pour créer une conception de portail personnalisée, vous utilisez l’un des thèmes de portail fournis comme modèle. Le système fait une copie du thème de modèle sélectionné avec un nom que vous spécifiez.

Utilisation d’un thème Portal Stock comme modèle pour un thème Portal personnalisé

Pour créer un nouveau thème Portal, vous pouvez utiliser l’utilitaire de configuration ou la ligne de commande pour créer la nouvelle entité de thème. Toutefois, les contrôles de personnalisation détaillés ne sont disponibles que dans l’utilitaire de configuration.

Utilisation de la ligne de commande pour créer un nouveau thème de portail :

À l’invite de commandes, entrez :

add portaltheme <name> basetheme <name>

Utilisation de l’utilitaire de configuration pour créer un nouveau thème de portail :

  1. Sous l’onglet Configuration , accédez à Citrix Gateway et cliquez sur Thèmes du portail .
  2. Dans le volet d’informations principal, cliquez sur Ajouter.
  3. Entrez un nom pour le thème et sélectionnez un modèle dans le menu déroulant Modèle, puis cliquez sur OK.
  4. À ce stade, vous êtes présenté avec la première vue de la fenêtre d’édition du thème du portail. Cliquez sur OK pour quitter.

Vous pouvez personnaliser le nouveau thème du portail avec la première vue. Toutefois, vous devez lire laPersonnalisation du thème du portailsection suivante sur l’interface et les descriptions contextuelles des attributs de portail personnalisables au sein de l’interface avant de continuer à modifier un thème de portail.

Une fois qu’un nouveau thème est créé, vous pouvez le lier comme décrit dansLiaison d’un thème de portail à un serveur virtuel VPNouLiaison d’un thème de portail à VPN Global. Vous pouvez lier un nouveau thème immédiatement après sa création ou après avoir terminé vos personnalisations.

Personnalisation du thème du portail

Pour personnaliser un thème de portail, utilisez l’interface Thème de portail dans l’utilitaire de configuration. Pour obtenir les meilleurs résultats, vous devez comprendre les différents éléments de cette interface avant de l’utiliser.

À propos de l’interface de thème du portail

Pour ouvrir l’interface de thème Portal dans l’utilitaire de configuration Citrix Gateway, sous l’onglet Configuration , accédez à Citrix Gateway et cliquez sur Thèmes du portail . Vous pouvez soit créer un thème comme décrit dansCréation d’un nouveau thème de portail, soit sélectionner un thème existant dans le volet d’informations principal, puis cliquer sur Modifier.

La page de personnalisation du thème du portail comporte quatre volets principaux permettant de modifier une conception de portail : le volet Thème du portail, le volet Look & Feel, le volet Paramètres avancés et le volet Langue.

Figure 4 : interface de thème du portail

image localisée

Le volet Thème du portail en haut de la page indique le thème chargé pour la modification et le thème du modèle sur lequel il est basé. L’option d’affichage ici vous permet de visualiser vos personnalisations sans accéder au VPN avec une connexion utilisateur. Notez que l’utilisation de l’option d’affichage nécessite la liaison du thème à un serveur virtuel VPN et la liaison reste en vigueur après la fermeture de la fenêtre d’affichage.

Avec le volet Look & Feel situé au centre de la page, vous configurez les propriétés générales d’un thème, telles que les en-têtes, les couleurs et les images d’arrière-plan, les propriétés de police et les logos. Lorsque ce volet est en mode édition, les légendes d’attribut sont disponibles pour obtenir des conseils sur l’emplacement où les attributs Look & Feel sont utilisés sur les pages du portail.

Le volet Paramètres avancés contient les contrôles de contenu à l’écran pour les pages du portail individuelles. Pour charger le contenu d’une page à modifier, cliquez sur l’une des pages répertoriées. Les contrôles de page s’ouvrent ensuite sous les autres volets centraux. Une page reste réduite dans le volet Paramètres avancés dans les modifications de thème du portail tant que la page n’a pas été modifiée.

Dans le volet Langue , vous pouvez sélectionner les langues qui seront chargées lorsqu’une page est sélectionnée pour modification dans le volet Paramètres avancés. Les pages de langue anglaise sont chargées par défaut.

Types d’attributs de page personnalisables

Lorsque vous personnalisez un thème Portal, vous pouvez modifier une plage d’attributs dans l’interface Thème Portal. Outre le texte et les langues supportées qui peuvent être éditées, tous les éléments graphiques de la mise en page du portail peuvent être adaptés à vos besoins. Chacun des types d’éléments de page a des paramètres ou des recommandations à prendre en compte avant de les modifier.

Couleurs

La conception du portail spécifie les couleurs des attributs tels que les arrière-plans de page, les surlignements, le texte pour les titres et le contenu du corps, les contrôles de bouton et les réponses du survol. Pour personnaliser un attribut de couleur, vous pouvez entrer une valeur de couleur directement pour un élément sélectionné ou utiliser le sélecteur de couleur fourni pour générer une valeur de couleur. L’interface prend en charge la saisie de valeurs de couleur HTML valides au format RGBA, au format hexadécimal triplet HTML et aux noms de couleurs X11. Vous pouvez accéder au sélecteur de couleurs pour n’importe quel attribut de couleur applicable en cliquant sur la zone de couleur située à côté du champ de saisie de l’attribut.

Figure 5 : sélecteur de couleurs

image localisée

Polices

En plus des couleurs de police, vous pouvez modifier la taille de police de certains attributs de page. Pour chacun de ces attributs, un menu déroulant offre les tailles disponibles pour chaque attribut, telles que déterminées par la conception du portail.

Images

Pour les images, une description contextuelle disponible pour chaque contrôle fournit des recommandations de taille et d’autres exigences. Les descriptions varient en fonction de l’emplacement d’un attribut sur la page et de sa fonction. Vous pouvez utiliser les formats de fichier image PNG ou JPEG. Vous pouvez sélectionner une image à télécharger en cochant la case située sous le nom de fichier d’un élément, puis en parcourant l’emplacement de l’image sur le lecteur de votre ordinateur local.

Étiquettes

Dans la section Paramètres avancés , vous pouvez sélectionner le texte d’une page de portail spécifique à modifier. Notez que si vous modifiez le texte anglais par défaut d’une page, le texte des autres langues n’est pas retraduit. Le contenu de la page de langue alternative est fourni à titre de commodité, mais nécessite des mises à jour manuelles pour toute personnalisation. Pour modifier une autre version linguistique d’une page, réduisez d’abord la fenêtre, si elle est ouverte, en cliquant sur l’icône X de la page du portail ouvert. Sélectionnez ensuite la langue dans le volet Langue et cliquez sur OK . Toutes les pages du portail ouvertes à partir du volet Paramètres avancés seront ensuite dans cette langue jusqu’à ce que vous en sélectionniez une autre.

Important

Dans les déploiements haute disponibilité ou en cluster, les thèmes Portal sont distribués dans la configuration partagée uniquement lorsque les paramètres de thème Portal sont définis sur les entités Citrix ADC principal ou coordonnateur de configuration respectivement.

Remarque sur les anciennes personnalisations de portail

Pour les installations avec des conceptions de portail personnalisées modifiées manuellement créées dans Citrix Gateway ou Access Gateway antérieures à 11.0, Citrix recommande fortement de commencer par un nouveau thème de portail dans l’interface de personnalisation. Si vous ne pouvez pas le faire, vous pouvez appliquer une personnalisation manuellement, mais aucune prise en charge directe n’est fournie.

Lorsque vous utilisez un portail personnalisé manuellement, vous devez définir le portail personnalisé en tant que configuration de portail global. Cela signifie cependant qu’une configuration de portail global appliquée ne peut pas être remplacée par des liaisons de thème de portail VPN au niveau du serveur virtuel. La tentative de création d’une liaison de serveur virtuel VPN dans ce cas avec l’utilitaire de configuration ou la ligne de commande renvoie une erreur.

En outre, dans le cas de configurations de haute disponibilité et de cluster, toutes les personnalisations manuelles doivent être effectuées sur chaque nœud du déploiement car les fichiers sous-jacents du système de fichiers Citrix ADC ne sont pas distribués dans la configuration partagée automatiquement.

Création manuelle d’une configuration de portail personnalisée

Pour appliquer manuellement une ancienne configuration de portail personnalisée après la mise à niveau vers Citrix Gateway 11.0, vous devez modifier une copie d’une page de portail existante, placer les fichiers de portail personnalisés dans le système de fichiers Citrix ADC et sélectionner C USTOM comme paramètre UITHEME .

Notez que vous pouvez utiliser WinSCP ou tout autre programme de copie sécurisée pour transférer des fichiers vers le système de fichiers Citrix ADC.

  1. Connectez-vous à la ligne de commande Citrix Gateway.
  2. À l’invite de commandes, tapez shell
  3. À l’invite de commandes, tapez mkdir /var/ns_gui_custom; cd /netscaler; tar -cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/*.
  4. À l’invite de commandes, tapez cd /var/netscaler/logon/themes/
    • Si vous souhaitez personnaliser le thème Greenbubble, entrez cp -r Greenbubble Custom pour faire une copie du thème Greenbubble.
    • Si vous souhaitez personnaliser le thème Par défaut (Caxton), tapez cp -r Default Custom.
    • Pour personnaliser le thème X1, tapez cp -r X1 Custom.
  5. Apporter les modifications nécessaires aux fichiers copiés sous **/var/netscaler/logon/themes/custom** pour personnaliser le thème manuellement.
    • Effectuez les modifications nécessaires à css/base .css.
    • Copiez toutes les images personnalisées dans le répertoire /var/ns_gui_custom/ns_gui/vpn/media .
    • Modifiez les étiquettes dans les fichiers présents dans le répertoire resources/ . Ces fichiers correspondent aux paramètres régionaux pris en charge par le portail.
    • Si des modifications sont également nécessaires aux pages HTML ou aux fichiers javascript, vous pouvez les rendre pertinents aux fichiers dans /var/ns_gui_custom/ns_gui/.
  6. Une fois toutes les modifications de personnalisation terminées, entrez à l’invite : tar — cvzf /var/ns_gui_custom/customtheme.tar.gz /var/ns_gui_custom/ns_gui/*

Important

Lors de la copie d’un répertoire de thème dans les étapes précédentes, le nom du dossier copié doit être entré exactement comme ‘Personnalisé’, car les noms de répertoire sont sensibles à la casse dans l’interface de shell de Citrix ADC. Si le nom du répertoire n’est pas entré avec précision, le dossier n’est pas reconnu lorsque le paramètre UITHEME est configuré sur C USTOM .

Sélectionnez le thème personnalisé en tant que paramètre global VPN

Une fois la configuration du portail personnalisée manuellement terminée et copiée dans le système de fichiers Citrix ADC, elle doit être appliquée à la configuration Citrix Gateway. Ceci est fait en définissant le paramètre UITHEME sur CUSTOM et peut être complété avec la ligne de commande ou l’utilitaire de configuration.

Pour utiliser la ligne de commande, entrez la commande suivante pour définir le paramètre UITHEME .

définir vpn paramètre UITHEME CUSTOM

Pour définir le paramètre UITHEME à l’aide de l’utilitaire de configuration, procédez comme suit.

  1. Sous l’onglet Configuration, accédez à Citrix Gateway > Paramètres globaux.
  2. Cliquez sur Modifier les paramètres globaux.
  3. Cliquez sur l’onglet Expérience client .
  4. Faites défiler jusqu’au bas de l’écran, puis sélectionnez CUSTOM dans le menu déroulant Thème de l’interface utilisateur .
  5. Cliquez sur OK.

Votre portail personnalisé manuellement est maintenant la conception de portail présentée aux utilisateurs VPN.

Création d’un contrat de licence utilisateur final

Le système de portail VPN offre la possibilité d’appliquer un contrat de licence utilisateur final (CLUF) à une configuration de portail. Une fois qu’un CLUF est lié à la configuration Citrix Gateway, soit à l’étendue globale du VPN ou à un serveur virtuel VPN pertinent, les utilisateurs VPN doivent accepter le CLUF comme termes et conditions avant d’être autorisés à s’authentifier dans le VPN.

Comme pour les thèmes du portail, les utilisateurs reçoivent un CLUF spécifique à la langue en fonction des paramètres régionaux rapportés par leur navigateur Web. Dans le cas d’une locale qui ne correspond à aucune des langues prises en charge, la langue par défaut servie est l’anglais. Pour chaque CLUF, vous pouvez entrer un message personnalisé dans chacune des langues prises en charge. Le contenu pré-traduit n’est pas fourni pour les configurations CLUF comme pour les thèmes du portail. Si les paramètres régionaux signalés d’un utilisateur correspondent à une langue dans laquelle aucun contenu CLUF n’est entré, l’utilisateur est renvoyé une page vierge lorsqu’il clique sur le lien « Conditions générales » dans la page de connexion VPN.

Pour créer un CLUF, vous pouvez utiliser l’un des contrôles de l’utilitaire de configuration sous l’onglet Configuration de Citrix Gateway > Paramètres globaux > CLUF ou Citrix Gateway > Ressources > CLUF . Les contrôles du volet Paramètres glob aux sont utilisés pour gérer les liaisons CLUF globales VPN tandis que le contrôle sur le nœud Ressources > CLUF est destiné aux opérations générales sur les configurations CLUF. Vous pouvez gérer les liaisons CLUF de serveur virtuel VPN en modifiant un serveur virtuel VPN dans Citrix Gateway > Serveurs virtuels. Certaines commandes sont également disponibles avec la ligne de commande pour gérer les entités CLUF. Toutefois, les contrôles de gestion CLUF complets sont disponibles uniquement dans l’utilitaire de configuration.

Utilisation de la ligne de commande pour créer une entité CLUF :

     À l’invite de commandes, tapez : add vpn eula <name>

Utilisation de l’utilitaire de configuration pour créer une entité CLUF

  1. Accédez à Citrix Gateway > Ressources > CLUF.
  2. Cliquez sur Ajouter pour créer une entité.
  3. Entrez un nom pour l’entité.
  4. Pour chacune des langues, collez le contenu sous les onglets correspondants. Vous pouvez utiliser des balises texte brut ou HTML pour formater le contenu, y compris une <br> balise pour ajouter des sauts de ligne.
  5. Cliquez sur Créer.

Une fois qu’une entité CLUF a été créée, elle peut être liée globalement à la configuration VPN ou peut être liée à un serveur virtuel VPN.

Utilisation de la ligne de commande pour lier un CLUF à VPN Global

     À l’invite de commande, entrez : bind vpn global eula <name>

Utilisation de l’utilitaire de configuration pour créer une liaison VPN CLUF globale

  1. Sous l’onglet Configuration, accédez à Citrix Gateway > Paramètres globaux.
  2. Dans le volet de détails principal, cliquez sur Configurer un contrat de licence utilisateur final.
  3. Cliquez sur Ajouter une liaison.
  4. Cliquez sur Cliquez pour sélectionner.
  5. Sélectionnez une entité CLUF, puis cliquez sur Sélectionner.
  6. Cliquez sur Bind.
  7. Cliquez sur Fermer.

Utilisation de la ligne de commande pour lier un CLUF à un serveur virtuel VPN

     À l’invite de commande, tapez : bind vpn vserver <name> eula <name>

Utilisation de l’utilitaire de configuration pour lier un CLUF à un serveur virtuel VPN

  1. Dans l’onglet Configuration , accédez à Citrix Gateway > Serveurs virtuels.
  2. Dans le volet de détails principal, sélectionnez un serveur virtuel VPN et cliquez sur Modifier.
  3. Dans le volet Paramètres avancés situé à droite de la page, cliquez sur CLUF .
  4. Dans le volet CLUF nouvellement ajouté, cliquez sur Aucun CLUF.
  5. Cliquez sur Cliquez pour sélectionner.
  6. Sélectionnez une entité CLUF et cliquez sur Sélectionner.
  7. Cliquez sur Bind.
  8. Cliquez sur Terminé.