Paneles de Azure Portal

Veamos cómo crear y modificar los paneles mediante Azure Portal y la edición directa del archivo JSON subyacente. En esta unidad, aprenderá a navegar por el portal. Y, en la unidad siguiente, probará todo lo que ha aprendido.

¿Qué es un panel?

Un panel es una colección personalizable de iconos de interfaz de usuario mostrados en Azure Portal. Los iconos se agregan, quitan y colocan para crear la vista exacta deseada, que luego se guarda como un panel. Se admiten varios paneles y se puede cambiar entre ellos según sea necesario. Incluso puede compartir los paneles con otros miembros del equipo.

Los paneles proporcionan una flexibilidad considerable con respecto a la forma de administrar Azure. Por ejemplo, puede crear paneles para roles específicos dentro de la organización y luego usar el control de acceso basado en rol (RBAC) para controlar quién puede acceder a ese panel. Así, el administrador de base de datos tendría un panel con vistas del servicio de base de datos SQL, mientras que el administrador de Azure Active Directory tendría vistas de los usuarios y grupos dentro de Azure AD. Incluso puede personalizar el portal entre los entornos de producción y desarrollo, y crear un panel específico para cada entorno que administre.

Los paneles se almacenan como archivos de notación de objetos JavaScript (JSON). Este formato significa que se pueden cargar y descargar en otros equipos o compartir con los miembros de Azure Directory. Azure almacena los paneles dentro de grupos de recursos, al igual que las máquinas virtuales o las cuentas de almacenamiento que puede administrar en el portal.

Como los paneles son archivos JSON, también puede personalizarlos mediante programación y así convertirlos en herramientas administrativas atractivas. Además, algunos tipos de icono se pueden basar en consultas y actualizarse de forma automática cuando cambien los datos de origen.

Exploración del panel predeterminado

El panel predeterminado se denomina "Panel". Cuando inicie sesión en el portal por primera vez y seleccione Panel en el menú del portal, aparecerá este panel que contiene cinco iconos.

Captura de pantalla en la que se muestra el panel predeterminado con diferentes elementos numerados y resaltados.

Estos elementos web predeterminados son:

  1. Controles del panel

  2. Icono Todos los recursos

  3. Icono Inicios rápidos y tutoriales

  4. Icono de Service Health

  5. Icono de Marketplace

Creación y administración de paneles

En la parte superior del panel están los controles que permiten crear, cargar, descargar, editar y compartir un panel. También puede cambiar un panel a pantalla completa, clonarlo o eliminarlo.

Captura de pantalla que muestra los controles de panel Personalizar

Seleccionar panel

En el extremo izquierdo de la barra de herramientas se encuentra el control de lista desplegable Seleccionar panel. Al hacer clic en este control, puede seleccionar entre los paneles que ya ha definido para la cuenta. Este control facilita la definición de varios paneles con diferentes propósitos y luego cambiar de uno a otro, según lo que esté intentando hacer en ese momento.

Los paneles que crea son privados inicialmente, es decir, solo el usuario puede verlos. Para que un panel esté disponible en toda la empresa, tiene que compartirlo. Veremos esa opción en breve.

Creación de un panel

Para crear un panel, haga clic en Nuevo panel. Aparece el área de trabajo del panel, sin iconos. A continuación, puede agregar, quitar y ajustar iconos como quiera. Cuando haya terminado de personalizar el panel, haga clic en Personalización finalizada para guardar y cambiar a ese panel.

Cargar y Descargar

Los botones Cargar y Descargar permiten descargar el panel actual como un archivo JSON, personalizarlo y luego distribuirlo y cargarlo, o bien hacer que otra persona cargue de nuevo ese archivo en Azure Portal, de forma que reemplace su panel actual.

Si hace clic en Descargar, el panel actual descarga el código JSON como un archivo que se puede editar de forma local. Después, puede volverlo a cargar en Azure si hace clic en el botón Cargar. La descarga y la carga de paneles se describe más adelante.

Edición de un panel mediante el portal

Aunque para modificar un panel puede descargar el archivo JSON, cambiar los valores del archivo y volver a cargarlo en Azure, puede preferir un enfoque gráfico para diseñar la interfaz de usuario. Para usar la interfaz gráfica de usuario para configurar el panel actual, puede cambiar al modo de edición de varias maneras:

  • Haga clic en el botón Editar (icono del lápiz).
  • Haga clic con el botón derecho en el área de fondo del panel y seleccione Editar.
  • Haga clic con el botón derecho en un icono y aparecerá un menú con opciones de edición.
  • Mantenga el puntero sobre un icono del panel; aparecerá un menú ... en la esquina superior derecha con la opción Personalizar.

El panel cambiará al modo de edición.

Captura de pantalla que muestra el panel en el modo de edición

En el lado izquierdo aparece la Galería de iconos, con varios iconos posibles. Puede filtrar la Galería de iconos por tipo de recurso y categoría.

La incorporación de iconos es tan simple como seleccionar el icono en la lista de la izquierda y luego arrastrarlo al área de trabajo. Luego puede mover cada icono, cambiar su tamaño o cambiar los datos que muestra.

Sugerencia

Una característica interesante es que puede tomar elementos de el paneles secundarios y colocarlos en el panel. Simplemente mantenga el mouse sobre el elemento y busque el icono ... del menú Editar; tendrá una opción "Anclar al panel" que le permite seleccionar de forma rápida un icono desde un servicio y colocarlo en el panel.

El área de trabajo en modo de edición se divide en cuadrados. Cada icono debe ocupar al menos un cuadrado, y los iconos se ajustan al conjunto más grande y cercano de divisores de iconos. Los iconos que se solapan se quitan del medio. Al crear un icono más pequeño, los iconos que lo rodean retroceden con respecto a él.

Cambio de tamaño de los iconos

Algunos iconos tienen un tamaño establecido, que solo se puede modificar mediante programación. Sin embargo, los iconos con una esquina inferior derecha de color gris se pueden editar si se arrastra el indicador de la esquina.

Captura de pantalla de un icono con el indicador de esquina resaltado.

También puede hacer clic con el botón derecho en el menú contextual y especificar el tamaño que quiere.

Captura de pantalla del icono con el menú contextual que muestra las distintas opciones de ajuste de tamaño.

Para crear el panel, extraiga iconos de la Galería de iconos al área de trabajo y luego reorganícelos.

Cambio de la configuración de los iconos

Algunos iconos tienen valores editables. Por ejemplo, con el icono de reloj, cuando se arrastra al área de trabajo, se abre el icono de Editar reloj. Luego puede establecer la zona horaria que muestra y también el formato: 12 o 24 horas.

Captura de pantalla que muestra la configuración de edición del reloj para el icono de reloj.

En las empresas multinacionales o transcontinentales, puede agregar varios relojes de diferentes zonas horarias.

Aceptación de las modificaciones

Cuando haya organizado los iconos como quiera, haga clic en Personalización finalizada o haga clic con el botón derecho y luego haga clic en Personalización finalizada.

Editar un panel mediante la modificación del archivo JSON

También puede editar un panel mediante la modificación del archivo JSON. Este método proporciona más opciones para cambiar la configuración, pero no se pueden ver los cambios hasta que se carga de nuevo el archivo en Azure. El punto de partida más sencillo consiste en descargar el panel JSON como se ha descrito anteriormente y editar ese archivo.

Captura de pantalla del archivo JSON del panel descargado.

Como ejemplo, en el código JSON anterior, para cambiar el tamaño del icono, se editarían las variables colSpan y rowSpan, y luego se guardaría el archivo y se volvería a cargar en Azure.

Sugerencia

También puede distribuir el archivo JSON del panel a otros usuarios.

Restablecimiento de un panel

Puede restablecer cualquier panel al estilo predeterminado. En modo de edición, haga clic con el botón derecho en el fondo del panel y seleccione Restaurar al estado predeterminado. Un cuadro de diálogo le pedirá que confirme que quiere restablecer ese panel.

Compartir o dejar de compartir un panel

Al definir un nuevo panel, es privado y solo visible para su cuenta. Para que sea visible para otros usuarios, debe compartirlo. Pero como cualquier otro recurso de Azure, debe especificar un grupo de recursos nuevo (o usar uno existente) en el que almacenar los paneles compartidos. Si no tiene un grupo de recursos, Azure crea un grupo de recursos paneles en cualquier ubicación que especifique. Si ya tiene grupos de recursos, puede especificar un grupo de recursos para almacenar los paneles.

Captura de pantalla del panel Uso compartido y control de acceso antes de compartir el panel.

Cuando haya compartido la plantilla, verá un segundo panel Uso compartido y control de acceso.

Captura de pantalla del panel Uso compartido y control de acceso después de compartir el panel.

Luego puede hacer clic en Administrar usuarios para especificar los usuarios que tienen acceso a ese panel.

Cambio a un panel compartido

Para cambiar a un panel compartido, haga clic en la lista de paneles y luego en Examinar todos los paneles.

Captura de pantalla en la que se muestra una lista de los paneles compartidos con el vínculo Examinar todos los paneles resaltado.

Ahora verá el panel Todos los paneles, en el que se muestran los nombres de los paneles compartidos. Simplemente haga clic en un panel para aplicarlo a Azure Portal.

Captura de pantalla en la que se muestran los paneles compartidos en el panel Todos los paneles.

Visualización de un panel en pantalla completa

Si quiere el máximo tamaño del panel, haga clic en el botón Pantalla completa para mostrar el panel actual sin los menús del explorador. Si tiene iconos fuera de los límites de la pantalla, aparecerán barras de control deslizantes en la parte derecha e inferior de la pantalla.

Cuando haya terminado de trabajar en modo de pantalla completa, presione la tecla ESC o haga clic en Salir de pantalla completa junto al nombre Panel en la parte superior de la pantalla.

Clonación de un panel

Al clonar un panel se crea una copia instantánea denominada "Clon de <dashboard name>" y se cambia a esa copia como panel actual. La clonación también es una manera fácil de crear paneles antes de compartirlos. Por ejemplo, si tiene un panel que es casi como lo quiere, clónelo, realice los cambios que sean necesarios y luego compártalo.

Eliminación de un panel

Al eliminar un panel se quita de la lista de paneles disponibles. Se le pedirá que confirme que quiere eliminar el panel, pero no hay ninguna función para recuperar un panel que se ha eliminado.

Vamos a probar algunas de estas opciones mediante la creación de un panel.