Personalizar el portal de usuarios de VPN

Las instalaciones de NetScaler Gateway que ofrecen el portal a los usuarios de VPN incluyen la opción de seleccionar un tema del portal para crear un aspecto personalizado para las páginas del portal. Puede seleccionar entre un conjunto de temas suministrado o puede usar un tema como plantilla para crear un portal personalizado o de marca. Con la utilidad de configuración, puede modificar un tema agregando nuevos logotipos, imágenes de fondo, etiquetas de cuadro de entrada personalizadas y otros atributos del diseño del portal basado en CSS. Los temas integrados del portal incluyen contenido para cinco idiomas: inglés, francés, español, alemán y japonés. Se atiende a diferentes usuarios en distintos idiomas, según las configuraciones regionales indicadas por sus exploradores web.

Puede crear un CLUF personalizado que se presente a los usuarios de VPN antes de que se les permita iniciar sesión. La función EULA admite versiones específicas de la configuración regional de un CLUF, que se presentan a los usuarios en función de las configuraciones regionales informadas de sus exploradores web.

Tanto los temas del portal como las configuraciones de EULA se pueden enlazar de forma independiente en el servidor virtual VPN y a nivel global de VPN.

Importante:

Citrix no admite la personalización que requiere modificaciones de código y no ofrece soporte para resolver problemas más allá de volver a un tema predeterminado.

Aplicar un tema de portal

A partir de la versión 13.0 build 67.43, el portal VPN está configurado para usar el tema RfWebUI de forma predeterminada. Anteriormente, Caxton theme era el tema predeterminado. También puede aplicar los temas de Green Bubble y X1.

Tema Caxton

Tema de Green Bubble

Tema X1

Puede aplicar cualquiera de los temas suministrados directamente a un servidor virtual VPN o como enlace VPN global.

Enlazar un tema de portal a un servidor virtual VPN

Puede enlazar un tema de portal en un servidor virtual existente o al crear un nuevo servidor virtual.

Enlazar un tema de portal a un servidor virtual VPN mediante la CLI

En la línea de comandos, escriba;

bind vpn vserver <name> - portaltheme <name>
<!--NeedCopy-->

Enlazar un tema de portal a un servidor virtual VPN mediante la interfaz gráfica de usuario

1. En la ficha Configuración, vaya a NetScaler Gateway y haga clic en Servidores virtuales.
2. Seleccione un servidor virtual y, a continuación, haga clic en Modificar.
3. Si un tema del portal aún no se ha enlazado al servidor virtual, haga clic en Tema del portal en Configuración avanzada en el panel de detalles. De lo contrario, la opción Tema del portalya está expandida en el panel de detalles.
4. En el panel de detalles, en Temas del portal, haga clic en Sin tema del portalpara expandir la ventana de enlace Tema del portal.
5. Click Haga clic para seleccionar.
6. En la ventana Temas del portal, haga clic en un nombre de tema y, a continuación, haga clic en Seleccionar.
7. Haga clic en Bind.
8. Haga clic en Listo.

Si va a crear un servidor virtual VPN, puede seguir los pasos del procedimiento anterior comenzando por el paso 3 en el panel de modificación del servidor virtual VPN para enlazar un tema del portal.

Enlazar un tema de portal a VPN global

Enlazar un tema de portal a VPN global mediante la CLI

En la línea de comando, escriba;

bind vpn global portaltheme <name>
<!--NeedCopy-->

Enlazar un tema de portal a VPN global mediante la interfaz gráfica de usuario

1. En la ficha Configuración, vaya a NetScaler Gateway.
2. En el panel de detalles principal, haga clic en NetScaler Gateway Policy Manager.
3. Haga clic en el icono “+”.
4. En la lista Punto de enlace, seleccione Recursos.
5. En la listaTipo de conexión, seleccioneTema del portal.
6. Haga clic en Continuar.
7. En la pantalla Punto de enlace, haga clic en Agregar enlace.
8. Haga clic en Haga clic para seleccionar.
9. En la ventana Temas del portal, haga clic en un nombre de tema y, a continuación, haga clic en Seleccionar.
10. Haga clic en Bind.
11. Haga clic en Cerrar.
12. Haga clic en Listo.

Consejo:

Después de realizar los cambios, utilice el comando ‘save ns config’ en la línea de comandos o haga clic en el icono de guardar de la utilidad de configuración para asegurarse de que los cambios se guardan en el archivo de configuración de NetScaler ADC.

Crear un tema de portal

Para crear un diseño de portal personalizado, utilice uno de los temas del portal suministrados como plantilla. El sistema hace una copia del tema de plantilla seleccionado con el nombre que especifique.

Usar un tema de portal de acciones como plantilla para un tema de portal personalizado

Para crear un tema del portal, puede utilizar la utilidad de configuración o la línea de comandos para crear la entidad del tema. Sin embargo, los controles de personalización detallados solo están disponibles en la utilidad de configuración.

Crear un tema de portal mediante la CLI

En la línea de comando, escriba;

add portaltheme <name> basetheme <name>
<!--NeedCopy-->

Crear un tema de portal mediante la interfaz gráfica de usuario

1. En la ficha Configuración, vaya a NetScaler Gateway y haga clic en Temas del portal.
2. En el panel de detalles principal, haga clic en Agregar.
3. Escriba un nombre para el tema y seleccione una plantilla de la lista de plantillas y, a continuación, haga clic en Aceptar.
4. En este punto, se le presenta la primera vista de la ventana de modificación del tema del portal. Haga clic en Aceptar para salir.

Puede proceder a personalizar el nuevo tema del portal con la primera vista.

Una vez creado un nuevo tema, puede vincularlo a un servidor virtual VPN o a VPN global. Puede enlazar un nuevo tema inmediatamente después de crearlo o después de completar tus personalizaciones.

Personalización del tema del portal

Para personalizar un tema del portal, utilice la interfaz Tema del portal en la utilidad de configuración. Para obtener los mejores resultados, debe comprender los distintos elementos de esta interfaz antes de utilizarla.

Acerca de la interfaz del tema del portal

Para abrir la interfaz de temas del portal en la utilidad de configuración de Citrix Gateway, en la ficha Configuración, vaya a Citrix Gateway y haga clic en Temas del portal. Puede crear un tema como se describe en Creación de un tema de portal o seleccionar un tema existente en el panel de detalles principal y hacer clic en Modificar.

La página de personalización del tema del portal tiene cuatro paneles de componentes principales para modificar el diseño del portal: el panel Tema del portal, el panel Look & Feel, el panel Configuración avanzada y el panel Idioma .

El panel Tema del portal en la parte superior de la página informa qué tema se carga para modificar y en qué tema de plantilla se basa. La opción de visualización aquí le permite ver sus personalizaciones sin tener que acceder a la VPN con una conexión de usuario. El uso de la opción de visualización requiere vincular el tema a un servidor virtual VPN y el enlace permanece en vigor después de cerrar la ventana de visualización.

Con el panel Aspecto y sensación en el centro de la página, configura las propiedades generales de un tema, como encabezados, colores e imágenes de fondo, propiedades de fuente y logotipos. Cuando este panel está en modo de modificación, las leyendas de atributos están disponibles para obtener información sobre dónde se utilizan los atributos Aspecto y sensación en las páginas del portal.

El panel Configuración avanzada contiene los controles de contenido en pantalla de las páginas del portal individuales. Para cargar el contenido de una página para modificarlo, haga clic en una de las páginas de la lista. Los controles de página se abren debajo de los demás paneles centrales. Una página permanece contraída en el panel Configuración avanzada en todas las ediciones del tema del portal siempre y cuando la página no se haya modificado.

En el panel Idioma, puede seleccionar cuál de los idiomas se carga cuando se selecciona una página para modificarla en el panel Configuración avanzada. Las páginas en inglés se cargan de forma predeterminada.

Tipos de atributos de página personalizables

Al personalizar un tema del portal, puede modificar una serie de atributos en la interfaz del tema del portal. Junto con el texto y los idiomas compatibles que se pueden modificar, los elementos gráficos del diseño del portal se pueden adaptar a sus necesidades. Cada tipo de elemento de página tiene parámetros o recomendaciones que se deben tener en cuenta antes de modificarlos.

Colores

El diseño del portal especifica los colores de los atributos como fondos de página, resaltados, texto para títulos y contenido principal, controles de botones y respuestas al pasar el ratón. Para personalizar un atributo de color, puede introducir un valor de color directamente para un artículo seleccionado o utilizar el selector de color suministrado para generar un valor de color. La interfaz admite la introducción de valores de color HTML válidos en formato RGBA, formato triplete hexadecimal HTML y nombres de colores X11. Se puede acceder al selector de color para cualquier atributo de color aplicable haciendo clic en el cuadro de color junto al campo de entrada del atributo.

Fuentes

Junto con los colores de las fuentes, puede modificar el tamaño de fuente de algunos atributos de página. Para cada uno de estos atributos, un menú ofrece los tamaños disponibles para cada atributo, según lo determine el diseño del portal.

Imágenes

En el caso de las imágenes, una descripción emergente disponible para cada control proporciona recomendaciones de tamaño y otros requisitos. Las descripciones varían según la ubicación de un atributo en la página y su función. Puede utilizar formatos de archivo de imagen PNG o JPEG. Para seleccionar una imagen que quiere cargar, seleccione la casilla de verificación situada debajo del nombre de archivo de un elemento y, a continuación, vaya a la ubicación de la imagen en la unidad de su equipo local.

Etiquetas

En la sección Configuración avanzada, puede seleccionar el texto de una página de portal específica para modificar. Si modifica el texto en inglés predeterminado de una página, el texto de otros idiomas no se vuelve a traducir. El contenido de la página de idioma alternativo se proporciona para su comodidad, pero requiere actualizaciones manuales para cualquier personalización. Para modificar otra versión de idioma de una página, contrae primero la ventana, si está abierta, haciendo clic en el icono X de la página del portal abierta. A continuación, seleccione el idioma en el panel Idioma y haga clic en Aceptar. Todas las páginas del portal que se abren desde el panel Configuración avanzada están en ese idioma hasta que seleccione una diferente.

Importante

En implementaciones de alta disponibilidad o agrupadas, los temas del portal se distribuyen a través de la configuración compartida solo cuando la configuración del tema del portal se realiza en las entidades NetScaler ADC principal o coordinador de configuración, respectivamente.

Personalizaciones del portal más antiguas

Para las instalaciones con un diseño de portal personalizado modificado manualmente y creado en las versiones de NetScaler Gateway o Access Gateway anteriores a la 11.0, Citrix recomienda encarecidamente comenzar con un nuevo tema del portal en la interfaz de personalización. Si no puede hacerlo, puede aplicar una personalización manualmente, pero no se proporciona soporte directo para ello.

Al utilizar un portal personalizado manualmente, debe establecer el portal personalizado como una configuración de portal global. Sin embargo, hacerlo significa que una configuración de portal global aplicada no se puede anular con los enlaces de tema del portal a nivel de servidor virtual VPN. Intentar crear un enlace de servidor virtual VPN en este caso con la utilidad de configuración o la línea de comandos devuelve un error.

Además, en el caso de configuraciones de clúster y alta disponibilidad, las personalizaciones manuales deben realizarse en todos los nodos de la implementación, ya que los archivos subyacentes del sistema de archivos NetScaler ADC no se distribuyen en la configuración compartida automáticamente.

Crear manualmente una configuración de portal personalizada

Para aplicar manualmente una configuración de portal personalizada anterior después de actualizar a NetScaler Gateway 11.0, debe modificar una copia de una página de portal existente, colocar los archivos de portal personalizados en el sistema de archivos NetScaler ADC y seleccionar CUSTOM como parámetro UITHEME.

Puede utilizar WinSCP o cualquier otro programa de copia segura para transferir archivos al sistema de archivos NetScaler ADC.

1. Inicie sesión en la línea de comandos de NetScaler Gateway.
2. En el símbolo del sistema, escribashell
3. En el símbolo del sistema, escriba mkdir /var/ns_gui_custom; cd /netscaler; tar -cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/*.
4. En el símbolo del sistema, escriba cd /var/netscaler/logon/themes/
   • Si quieres personalizar el tema de la burbuja verde, introduzca cp -r Greenbubble Custom para hacer una copia del tema de Green Bubble.
   • Si quieres personalizar el tema por defecto (Caxton), escribe cp -r Default Custom.
   • Para personalizar el tema X1, escribacp -r X1 Custom.
5. Realice los cambios necesarios en los archivos copiados en/var/NetScaler/logon/themes/custom para personalizar el tema manualmente.
   • Realice las ediciones necesarias en css/base.css.
   • Copie las imágenes personalizadas en el directorio /var/ns_gui_custom/ns_gui/vpn/media.
   • Realice cambios en las etiquetas de los archivos presentes en el directorio resources/. Estos archivos corresponden a las configuraciones regionales admitidas por el portal.
   • Si también se necesitan cambios en las páginas HTML o en los archivos javascript, puede hacer lo relevante para los archivos en /var/ns_gui_custom/ns_gui/.
6. Una vez que se hayan completado todos los cambios de personalización, escriba: tar —cvzf /var/ns_gui_custom/customtheme.tar.gz /var/ns_gui_custom/ns_gui/*

Importante

Al copiar un directorio de temas en los pasos anteriores, el nombre de carpeta copiada debe escribirse exactamente como “Personalizado”, ya que los nombres de directorio distinguen entre mayúsculas y minúsculas dentro de la interfaz de shell de NetScaler ADC. Si el nombre del directorio no se introduce con precisión, la carpeta no se reconoce cuando la configuración UITHEME está configurada en CUSTOM.

Seleccione el tema personalizado como parámetro global de VPN

Una vez finalizada la configuración del portal personalizada manualmente y copiada en el sistema de archivos NetScaler ADC, debe aplicarse a la configuración de NetScaler Gateway. Esto se hace estableciendo el parámetro UITHEME en CUSTOM y se puede completar con la línea de comandos o la utilidad de configuración.

Para utilizar la línea de comandos, escriba el siguiente comando para establecer el parámetro UITHEME.

set vpn parameter UITHEME CUSTOM
<!--NeedCopy-->

Para establecer el parámetro UITHEME mediante la utilidad de configuración, utilice el procedimiento siguiente.

1. En la ficha Configuración, desplácese a NetScaler Gateway > Configuración global.
2. Haga clic en Cambiar configuración global.
3. Haga clic en la ficha Experiencia del cliente.
4. Vaya hasta la parte inferior de la pantalla y seleccione PERSONALIZAR en el menú de lista de temas de la interfaz de usuario.
5. Haga clic en Aceptar.

El portal personalizado manualmente es ahora el diseño del portal presentado a los usuarios de VPN.

Crear un EULA

El sistema de portal VPN ofrece la opción de aplicar un CLUF a la configuración de un portal. Una vez que un CLUF está vinculado a la configuración de NetScaler Gateway, ya sea en el ámbito global de VPN o en un servidor virtual VPN relevante, los usuarios de VPN deben aceptar el CLUF como términos y condiciones antes de que se les permita autenticarse en la VPN.

Al igual que con los temas del portal, los usuarios reciben un CLUF específico del idioma en función de la configuración regional indicada por su explorador web. En el caso de una configuración regional que no coincida con ninguno de los idiomas admitidos, el idioma predeterminado que se sirve es el inglés. Para cada EULA, puede introducir un mensaje personalizado en cada uno de los idiomas admitidos. El contenido pretraducido no se proporciona para las configuraciones del CLUF como lo es para los temas del portal.Si la configuración regional notificada de un usuario coincide con un idioma en el que no se ha introducido ningún contenido del CLUF, se le devuelve una página en blanco cuando hace clic en el enlace “Términos y condiciones” de la página de inicio de sesión de VPN.

Para crear un CLUF, puede utilizar cualquiera de los controles de la utilidad de configuración de la ficha Configurar NetScaler Gateway** > Configuración global > CLUFoNetScaler Gateway > Recursos > CLUF. Los controles del panelConfiguración globalse utilizan para administrar los enlaces de EULA globales de VPN, mientras que el control del nodoRecursos > EULAse utiliza para operaciones generales en configuraciones de EULA. Puede administrar los enlaces de EULA del servidor virtual VPN editando un servidor virtual VPN enNetScaler Gateway > Servidores virtuales**. Algunos comandos también están disponibles con la línea de comandos para administrar entidades de CLUF. Sin embargo, los controles completos de administración del CLUF solo están disponibles en la utilidad de configuración.

Crear una entidad de EULA mediante la CLI

En la línea de comandos, escriba;

add vpn eula <name>
<!--NeedCopy-->

Crear una entidad EULA mediante la GUI

1. Vaya a NetScaler Gateway > Recursos > EULA.
2. Haga clic en Agregar para crear una entidad.
3. Introduzca un nombre para la entidad.
4. Para cada uno de los idiomas, pega el contenido debajo de las fichas correspondientes. Puede utilizar texto sin formato o etiquetas HTML para dar formato al contenido, incluida una etiqueta <br> para agregar saltos de línea.
5. Haga clic en Crear.

Una vez creada una entidad EULA, se puede enlazar globalmente a la configuración de VPN o a un servidor virtual VPN.

Vincular un CLUF a una VPN global mediante la CLI

En la línea de comando, escriba;

bind vpn global eula <name>
<!--NeedCopy-->

Vincular un CLUF a una VPN global mediante la interfaz gráfica de usuario

1. En la ficha Configuración, desplácese a NetScaler Gateway > Configuración global.
2. En el panel de detalles principal, haga clic en Configurar un contrato de licencia de usuario final.
3. Haga clic en Add Binding.
4. Haga clic en Haga clic para seleccionar.
5. Seleccione una entidad EULA y, a continuación, haga clic en Seleccionar.
6. Haga clic en Bind.
7. Haga clic en Cerrar.

Vincular un CLUF a un servidor virtual VPN mediante la CLI

En la línea de comando, escriba;

bind vpn vserver <name> eula <name>
<!--NeedCopy-->

Enlazar un CLUF a un servidor virtual VPN mediante la interfaz gráfica de usuario

1. En la ficha Configuración, vaya a NetScaler Gateway > Servidores virtuales.
2. En el panel de detalles principal, seleccione un servidor virtual VPN y haga clic en Modificar.
3. En el panel Configuración avanzada de la parte derecha de la página, haga clic en CLUF.
4. En el panel CLUF recién agregado, haga clic en Sin EULA.
5. Click Haga clic para seleccionar.
6. Seleccione una entidad EULA y haga clic en Seleccionar.
7. Haga clic en Bind.
8. Haga clic en Listo.