Compartir a través de


Ejemplos de extensiones

Servicios de Azure DevOps | Azure DevOps Server | Azure DevOps Server 2022

Use estos ejemplos como puntos de partida para sus propias extensiones. Cada ejemplo muestra un pequeño número de contribuciones para que pueda ver cómo funcionan de forma aislada. Todo el código fuente está en el repositorio de ejemplos de extensiones de Azure DevOps.

Sugerencia

Para obtener las instrucciones de desarrollo de extensiones más recientes, incluidas las temáticas y la migración desde VSS. SDK, consulte el portal para desarrolladores del SDK de extensión de Azure DevOps.

En la tabla siguiente se enumeran las muestras del repositorio y los tipos de contribución que demuestra cada una.

Ejemplo Contribuciones Descripción
BreadcrumbService Servicio Breadcrumb, Hub Agrega un servicio de migas de pan, que agrega un elemento de ejemplo al hub de ejemplo. Para ver este elemento, vaya al Sample Hub en el grupo Pipelines.
Contribución del Editor de Código Editor de código Agrega una definición de lenguaje y un esquema JSON para el editor de código.
Característica Característica, Centro, Proveedor de Propiedades 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 hubs de Pipelines. El Sample Hub se encuentra en una página a nivel de proyecto, bajo el elemento de navegación Pipelines.
Menu Definición de compilación del elemento de menú Agrega un Elemento del menú definición de compilación de ejemplo al hub de 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, Hub Se aplica en el ejemplo de Hub. 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.
Pivote Pestaña Web Agrega una pestaña Pivot de muestra 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 píldoras al título de la página de la Definición de pipeline (Ejecuciones).
ManejadorDeParametrosDeConsulta 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ú Acción de 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 hub de Información del repositorio al grupo de hub 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 de Sample WorkItem Form Group al formulario de trabajo para mostrar cómo interactuar con el IWorkItemFormService servicio y IWorkItemNotificationListener. Proporciona una interfaz de usuario para demostrar cómo cambiar los valores de campo mediante el servicio de formulario y mostrar eventos de notificación del formulario del elemento de trabajo.
WorkItemOpen Hub Añada un hub Sample WorkItem Open al grupo de hubs Boards para mostrar cómo interactuar con el servicio IWorkItemFormNavigationService. 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 la comunidad (DevLabs)

Estas extensiones de código abierto de Microsoft DevLabs muestran patrones reales que puede adaptar.

Ejemplo Origen Contribuciones Descripción
Calendario de equipo 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 el 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 de las listas de selección en el formulario de elementos de trabajo.
Retrospectives GitHub Hub Experiencia de primera clase para retrospectivas y escenarios generales de tablero de retroalimentación. 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 Hub, Menú de acciones de elementos 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 de valores múltiples 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.

Empezar

Para ver un tutorial paso a paso, consulte Desarrollo de una extensión web. También puede clonar el repositorio de ejemplo de extensión de Azure DevOps y usar cualquier ejemplo como plantilla de inicio.