Compartilhar via

Exemplos de extensão

  • Artigo

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

Comece a desenvolver sua extensão trabalhando a partir de uma amostra.

Dica

Confira nossa documentação mais recente sobre o desenvolvimento de extensão usando o SDK da Extensão do Azure DevOps.

Os exemplos da Microsoft a seguir mostram os recursos da estrutura de extensão e como contribuir para várias áreas. Cada amostra ilustra uma ou mais contribuições. Limitamos o número de contribuições para cada amostra para aumentar a compreensão da estrutura de extensão.

Amostra Origem Contribuições Descrição
BreadcrumbService GitHub Serviço de Breadcrumb, Hub Adiciona um serviço de trilha de navegação, que adiciona um "Item de trilha de amostra" ao hub de amostra. Para ver esse item, vá para o Hub de Exemplo no grupo de hubs Pipelines .
CodeEditorContribution GitHub Editor de Códigos Adiciona uma definição de idioma e um esquema JSON para o editor de código.
Recurso GitHub Recurso, Hub, Provedor de Propriedade Mostra como se conectar ao painel Recursos de visualização no menu de perfil do usuário. Adiciona um hub simples que só é exibido quando você ativa um recurso "ABC". Você pode ativar e desativar o recurso, por usuário ou por organização.
Hub GitHub Hub Adiciona um hub chamado Hub de Exemplo ao grupo de hubs Pipelines . O Hub de Exemplo está em uma página no nível do projeto, sob o elemento de navegação Pipelines .
Menu GitHub Item de menu de definição de compilação Adiciona um item de menu Definição de compilação de exemplo ao hub Compilações no menu suspenso de ações. O manipulador de menu obtém a definição de compilação atual do contexto passado, faz uma chamada REST e mostra o resultado em uma caixa de mensagem.
Painel GitHub Conteúdo do painel, Hub Aplicado no exemplo de Hub . Contém um botão de alternância junto com os botões OK e Cancelar . Pode ser usado como um painel personalizado ou conteúdo de diálogo.
Dinâmico GitHub Guia Web Adiciona uma guia Pivot de Exemplo à home page da organização ou coleção de projetos, ao lado de Projetos, Meus itens de trabalho e Minhas solicitações pull.
Itens GitHub Provedor de pílulas Adiciona pílulas ao título da página Definição de pipeline (Execuções).
QueryParamsHandler GitHub Assinatura do evento Adiciona um serviço que é carregado em qualquer página sempre que um parâmetro de showMyPanel consulta é apresentado na URL quando qualquer página é carregada. O serviço de inicialização mostra o painel personalizado do exemplo Painel, usando um parâmetro de consulta opcional myPanelTitle como título do painel.
RepositoryActions GitHub Item de menu Ele adiciona um item de menu de ação do repositório de exemplo ao seletor de repositório no cabeçalho das páginas do hub de código. Se a href propriedade for exibida, selecione a ação para ir para a URL fornecida. Se a uri propriedade for fornecida, esse código será executado quando você selecionar a ação.
RepositoryServiceHub GitHub Hub Adiciona um hub de Informações do Repositório ao grupo de hub de código . Demonstra como interagir com o para obter informações básicas sobre o IVersionControlRepositoryService repositório Git de um usuário.
WorkItemFormGroup GitHub Grupo de formulários de item de trabalho Adiciona uma extensão de Grupo de Formulários de Item de Trabalho de Exemplo ao formulário de item de trabalho para mostrar como interagir com o serviço e IWorkItemNotificationListenero IWorkItemFormService . Fornece uma interface do usuário para mostrar como alterar valores de campo usando o serviço de formulário e exibindo eventos de notificação de formulário de item de trabalho.
WorkItemOpen GitHub Hub Adiciona um hub Sample WorkItem Open ao grupo de hub Boards para mostrar como interagir com o IWorkItemFormNavigationService serviço. Fornece uma interface do usuário para você abrir um item de trabalho existente por ID ou abrir o formulário de item de trabalho para um novo item de trabalho por tipo de item de trabalho. Qualquer uma dessas opções abre uma caixa de diálogo no quadro do host.

Exemplos de DevLabs

Outros exemplos de código aberto nos quais você pode estar interessado.

Amostra Origem Contribuições Descrição
Team Calendar GitHub Hub, Fontes de eventos Acompanhe eventos importantes para sua equipe, visualize e gerencie dias de folga, veja rapidamente quando os sprints começam e terminam e muito mais.
WSJF (Weighted Shortest Job First) GitHub Notificação (item de trabalho), Ação do menu de contexto (item de trabalho) Calcula automaticamente o WSJF (trabalho ponderado mais curto primeiro) por item de trabalho e o armazena em um campo de item de trabalho.
Cascading Lists GitHub Formulário de Item de Trabalho Defina o comportamento em cascata para listas de opções no formulário de item de trabalho.
Retrospectivas GitHub Hub Experiência de primeira classe para retrospectivas e cenários gerais de painel de feedback. Colete feedback sobre os marcos do projeto, organize e priorize e crie e acompanhe tarefas acionáveis para ajudar sua equipe a melhorar ao longo do tempo.
Estimar GitHub Hub, menu de ação do item de trabalho Jogue Planning Poker no Azure DevOps. Selecione o trabalho em uma iteração, consulta ou lista de pendências, estime o esforço desses itens com sua equipe e atualize imediatamente os itens de trabalho.
Multivalue control GitHub Formulário de item de trabalho Um controle de formulário de item de trabalho que permite a seleção de vários valores.
Tarefas de extensão do Azure DevOps GitHub Criar e lançar tarefas Tarefas do Azure Pipelines para empacotar e publicar extensões do Azure Devops e do Visual Studio no Visual Studio Marketplace.

Introdução

Para começar o mais rápido possível, use o projeto de propagação que contém os arquivos necessários para criar uma extensão usando TypeScript. Há um script grunt para automatizar a construção, empacotamento e publicação da extensão.