Compartir a través de


Ejemplos de extensiones

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. Para obtener información de origen, consulte el repositorio de ejemplos de extensiones de Azure DevOps.

Ejemplo Contribuciones Descripción
Ruta de navegaciónService 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 Editor de código Agrega una definición de lenguaje y un esquema JSON para el editor de código.
Característica 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 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 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 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 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 Proveedor de píldoras Agrega pastillas al título de la página Definición de canalización (ejecuciones).
QueryParamsHandler 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 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 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 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 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.

Ejemplos de DevLabs

Otros ejemplos de código abierto que puede interesarle.

Ejemplo Source Contribuciones Descripción
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.
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.
Retrospectives GitHub Hub Experiencia de primera clase para escenarios de panel de comentarios generales y retrospectivas. Recopile comentarios sobre los hitos del proyecto, organice y priorice y cree y realice un seguimiento de las tareas accionables, lo que puede ayudar a su equipo a mejorar con el tiempo.
Estimar GitHub Menú de acción Centro de trabajo, elemento de trabajo Juega a Planning Poker en Azure DevOps. Seleccione trabajo de una iteración, consulta o trabajo pendiente, calcule el esfuerzo de esos elementos con el equipo y actualice inmediatamente los elementos de trabajo.
Control multivalor GitHub Formulario de elemento de trabajo Control de formulario de elemento de trabajo, que permite la selección de varios valores.
Tareas de extensión de Azure DevOps GitHub Tareas de compilación y versión Tareas de Azure Pipelines para empaquetar y publicar extensiones de Azure Devops y Visual Studio en Visual Studio Marketplace.

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.