Ejemplos de extensiones

  • Artículo

Azure DevOps Services | Azure DevOps Server 2022 | Azure DevOps Server 2019

Empiece a desarrollar la extensión trabajando desde un ejemplo.

Sugerencia

Consulte nuestra documentación más reciente sobre el desarrollo de extensiones mediante el SDK de extensión de Azure DevOps.

En los siguientes ejemplos de Microsoft se muestran las funcionalidades del marco de extensión y cómo contribuir a varias áreas. Cada ejemplo muestra una o varias contribuciones. Limitamos el número de contribuciones de cada ejemplo para aumentar la comprensión del marco de extensión.

Ejemplo Source Contribuciones Descripción
Ruta de navegaciónService GitHub Servicio de ruta de navegación, concentrador Agrega un servicio de ruta de navegación, que agrega un "Elemento de ruta de navegación de ejemplo" al centro de ejemplo. Para ver este elemento, vaya al centro de ejemplo en el grupo concentrador de canalizaciones .
CodeEditorContribution GitHub Editor de código Agrega una definición de lenguaje y un esquema JSON para el editor de código.
Característica GitHub Feature, Hub, Property Provider Muestra cómo enlazar con el panel Características de vista previa en el menú perfil de usuario. Agrega un concentrador simple que solo se muestra cuando se activa una característica "ABC". Puede activar y desactivar la característica, por usuario o por organización.
Hub GitHub Hub Agrega un centro denominado Sample Hub al grupo de concentradores de canalizaciones . El centro de ejemplo se encuentra en una página de nivel de proyecto, en el elemento de navegación Canalizaciones .
Menu GitHub Elemento de menú Definición de compilación Agrega un elemento de menú Definición de compilación de ejemplo al centro Compilaciones en el menú de acciones desplegables . El controlador de menú obtiene la definición de compilación actual del contexto pasado, realiza una llamada REST y, a continuación, muestra el resultado en un cuadro de mensaje.
Panel GitHub Contenido del panel, concentrador Se aplica en el ejemplo de concentrador . Contiene un botón de alternancia junto con los botones Aceptar y Cancelar . Se puede usar como un panel personalizado o contenido de diálogo.
Dinamización GitHub Pestaña Web Agrega una pestaña Pivot de ejemplo a la página principal de la organización o colección de proyectos, junto a Proyectos, Mis elementos de trabajo y Mis solicitudes de incorporación de cambios.
Píldoras GitHub Proveedor de píldoras Agrega pastillas al título de la página Definición de canalización (ejecuciones).
QueryParamsHandler GitHub Suscripción a eventos Agrega un servicio que se carga en cualquier página cada vez que un showMyPanel parámetro de consulta se presenta en la dirección URL cuando se carga cualquier página. El servicio de inicio muestra el panel personalizado del ejemplo panel, usando un parámetro de consulta opcional myPanelTitle como título del panel.
RepositoryActions GitHub Elemento de menú Agrega un elemento de menú de acción repositorio de ejemplo al selector de repositorios en el encabezado de las páginas del centro de código. Si se muestra la href propiedad , seleccione la acción para ir a la dirección URL especificada. Si se proporciona la uri propiedad , ese código se ejecuta al seleccionar la acción.
RepositoryServiceHub GitHub Hub Agrega un centro de información del repositorio al grupo centro de código . Muestra cómo interactuar con IVersionControlRepositoryService para obtener información básica sobre el repositorio git de un usuario.
WorkItemFormGroup GitHub Grupo de formularios de elemento de trabajo Agrega una extensión Sample WorkItem Form Group al formulario de elemento de trabajo para mostrar cómo interactuar con el IWorkItemFormService servicio y IWorkItemNotificationListener. Proporciona una interfaz de usuario para mostrar mayúsculas y minúsculas cómo cambiar los valores de campo mediante el servicio de formulario y mostrar eventos de notificación de formularios de elemento de trabajo.
WorkItemOpen GitHub Hub Agrega un centro open WorkItem de ejemplo al grupo de concentradores boards para mostrar cómo interactuar con el IWorkItemFormNavigationService servicio. Proporciona una interfaz de usuario para abrir un elemento de trabajo existente por identificador o abrir el formulario de elemento de trabajo para un nuevo elemento de trabajo por tipo de elemento de trabajo. Cualquiera de estas opciones abre un cuadro de diálogo en el marco host.
Control personalizado de formulario de elemento de trabajo de escala de colores GitHub Control formulario de elemento de trabajo Agrega codificación de colores a los valores de una lista desplegable.
Administración de carpetas GitHub Acción del menú contextual (árbol del explorador de código) Crea una carpeta en los repositorios de origen desde el árbol del explorador de código. No es necesario clonar el repositorio ni instalar herramientas adicionales.
Ejecución de pruebas sin conexión GitHub Pestaña Plan de prueba Permite al evaluador realizar los pasos de prueba incluso si se desconecta de Azure DevOps. Se puede hacer mediante la hoja de cálculo de Excel exportada.
Tareas de la Utilidad de administración de versiones GitHub Tareas de Administración de versiones Tareas de utilidad para Release Management.
Placa de acumulación GitHub Widget de panel Muestra el número de tarjetas de cada columna del panel Kanban.
Visualización del modelo de estado GitHub Acción de barra de herramientas (elemento de trabajo), Concentrador Visualice el modelo de estado para un tipo de elemento de trabajo seleccionado.
Team Calendar GitHub Concentrador, orígenes de eventos Realice un seguimiento de los eventos importantes para su equipo, vea y administre días fuera de servicio, vea rápidamente cuándo comienzan y terminan los sprints, etc.
Estado del proyecto de equipo GitHub Widget de panel Permite a los usuarios visualizar el estado general de las compilaciones, proporcionando una indicación visual similar a Codify Build Light.
WSJF (trabajo más corto ponderado primero) GitHub Notificación (elemento de trabajo), acción de menú contextual (elemento de trabajo) Calcula automáticamente WSJF (trabajo más corto ponderado primero) por elemento de trabajo y lo almacena en un campo de elemento de trabajo.
Listas en cascada GitHub Formulario de elemento de trabajo Defina el comportamiento en cascada para las listas de selección en el formulario de elemento de trabajo.

Introducción

Para empezar lo más rápido posible, use el proyecto de inicialización que contiene los archivos necesarios para compilar una extensión mediante TypeScript. Hay un script grunt para automatizar la compilación, el empaquetado y la publicación de la extensión.