Creación de un widget de Analytics para Azure DevOps

Azure DevOps Services | Azure DevOps Server 2020 | Azure DevOps Server 2019

Puede crear su propio widget de Analytics para mostrarlo en un panel de Azure DevOps. En el widget de ejemplo de GitHub se muestra lo siguiente:

  • Representación de líneas de tendencia asociadas a estados de elementos de trabajo
  • Cómo consultar un conjunto de datos, lo que un usuario configurará a través de la vista de configuración del widget
  • Cómo compilar y publicar el widget en Azure DevOps Marketplace Con esta información, podrá crear su propio widget de Analytics.

Vista de configuración con vista previa del widget

Nota

El servicio Analytics se habilita automáticamente para todos los Azure DevOps Services. Se admite para su uso en producción. Power BI integración y el acceso a la fuente OData del servicio Analytics se encuentran en versión preliminar. Le recomendamos que lo use y nos proporcione sus comentarios. .

Nota

El servicio Analytics se instala automáticamente en todas las nuevas colecciones de proyectos para Azure DevOps Server 2020. Se admite para su uso en producción. Power BI integración y el acceso a la fuente OData del servicio Analytics se encuentran en versión preliminar. Le recomendamos que lo use y nos proporcione sus comentarios. Si actualizó desde Azure DevOps Server 2019, se le proporciona la opción de instalar el servicio Analytics durante la actualización.

Nota

El servicio Analytics está en versión preliminar para Azure DevOps Server 2019. Puede acceder a Analytics habilitando o instalando para una colección de proyectos. Power BI integración y el acceso a la fuente OData del servicio Analytics se encuentran en versión preliminar. Le recomendamos que lo use y nos proporcione sus comentarios.

Requisitos previos

En este ejemplo se proporciona un widget listo para usar, que abarca los aspectos básicos de los temas de Paneles, Gráficos y Análisis. Los documentos siguientes proporcionan más información sobre los detalles que se muestran en este ejemplo:

  1. Crear una extensión Azure DevOps widget, hacer referencia al ejemplo de extensiones de widget
  2. Representar un control Azure DevOps gráfico, hacer referencia a Agregar un gráfico
  3. Consulta de OData desde Analytics

Proporcionar una vista de configuración

  1. Ejecute consultas de análisis simples requeridas por los controles de interfaz de usuario usados para configurar una vista.
  2. Administrar el estado de la interfaz de usuario deconfiguración, con actualizaciones basadas en acciones del usuario y con nuevos datos de consultas de Analytics.
  3. Representar la interfaz de usuario de configuración mediante Typescript y React.

Representación de datos dentro de un widget

  1. Ejecución de una consulta configurada por el usuario como una solicitud POST
  2. Interpretación de datos de análisis para representar un gráfico

Pasos siguientes

Para evitar una complejidad excesiva en el ejemplo, se omiten ciertas tecnologías y prácticas, que un widget de producción debe incluir sin duda. El ejemplo ui-fabric-react de GitHub resalta un proceso de compilación que ejecuta estos detalles.

  1. Agrupación de JavaScript y minificación de contenido: el conjunto de archivos de script pequeños y flexibles del ejemplo puede cargarse mucho más rápidamente cuando se combina en un único archivo y se minifica.
  2. Controles de interfaz de usuario de Fabric: los controles de interfaz de usuario de Fabric proporcionan un amplio conjunto de componentes de interfaz de usuario de configuración para React.