Compartilhar via

Exemplos de extensão

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

Comece a desenvolver sua extensão trabalhando com base em um exemplo.

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 listados a seguir mostram os recursos da estrutura de extensão e como contribuir para várias áreas. Cada exemplo ilustra uma ou mais contribuições. Limitamos o número de contribuições de cada exemplo para aumentar a compreensão da estrutura de extensão. Para obter informações de origem, consulte o repositório de exemplos de extensão do Azure DevOps.

Amostra Contribuições Descrição
BreadcrumbService Serviço de trilha, hub Adiciona um serviço de trilha, que adiciona um "Item de trilha de exemplo" ao hub de exemplo. Para ver este item, vá para o Hub de Exemplo no grupo de hubs Pipelines.
CodeEditorContribution Editor de Códigos Adiciona uma definição de linguagem e um esquema JSON para o editor de código.
Recurso Funcionalidade, hub, provedor de propriedades Mostra como se conectar ao painel Versão Prévia dos Recursos no menu do perfil de usuário. Adiciona um hub simples que só é exibido quando você ativa um recurso "ABC". É possível ativar e desativar o recurso, por usuário ou por organização.
Hub 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 de projeto, no elemento de navegação Pipelines.
Menu Item de menu de definição de build Adiciona um item de menu Exemplo de definição de build ao hub de Builds no menu suspenso de ações. O manipulador de menu obtém a definição do build atual com base no contexto passado, faz uma chamada REST e mostra o resultado em uma caixa de mensagem.
Painel Conteúdo do painel, hub Aplicado no exemplo do Hub. Contém um botão de alternância junto com os botões OK e Cancelar. Pode ser usado como painel personalizado ou conteúdo de caixa de diálogo.
Dinâmico Guia da Web Adiciona uma guia Dinâmica de Exemplo à home page da organização ou da coleção de projetos, ao lado de Projetos, Meus itens de trabalho e Minhas solicitações de pull.
Itens Provedor de pílulas Adiciona itens ao título da página Definição de pipeline (Execuções).
QueryParamsHandler Assinatura do evento Adiciona um serviço que é carregado em qualquer página sempre que um parâmetro de consulta showMyPanel é apresentado na URL quando uma página é carregada. O serviço de inicialização mostra o painel personalizado do exemplo de Painel, usando um parâmetro de consulta opcional myPanelTitle como o título do painel.
RepositoryActions Item de menu Adiciona o item de menu Ação de Repositório de Exemplo ao seletor de repositório no cabeçalho das páginas do hub de código. Se a propriedade href for mostrada, selecione a ação para acessar a URL fornecida. Se a propriedade uri for fornecida, esse código será executado quando você selecionar a ação.
RepositoryServiceHub Hub Adiciona um hub de Informações do Repositório ao grupo de hubs Código. Demonstra como interagir com IVersionControlRepositoryService para obter informações básicas sobre o repositório Git de um usuário.
WorkItemFormGroup Grupo de formulários de itens de trabalho Adiciona uma extensão de Grupo de formulário de itens de trabalho de exemplo ao formulário de itens de trabalho para mostrar como interagir com o IWorkItemFormService serviço e IWorkItemNotificationListener. Fornece uma interface do usuário para demonstrar como modificar valores de campo com o serviço de formulário e exibir eventos de notificação de formulário de itens de trabalho.
WorkItemOpen Hub Adiciona um hub de Abertura de item de trabalho de exemplo ao grupo de hubs Quadros para mostrar como interagir com o serviço IWorkItemFormNavigationService. Fornece uma interface do usuário que permite abrir um item de trabalho existente por ID ou abrir o formulário de item de trabalho de um novo item de trabalho por tipo de item de trabalho. Qualquer uma dessas opções abre uma caixa de diálogo no quadro de host.

Exemplos de DevLabs

Outros exemplos de código aberto pelos quais você pode ter interesse.

Amostra Origem Contribuições Descrição
Calendário da equipe GitHub Hub, origens de evento Acompanhe eventos importantes para sua equipe, visualize e gerencie dias de folga, veja rapidamente quando sprints começam e terminam e muito mais.
WSJF (trabalho mais curto ponderado primeiro) GitHub Notificação (item de trabalho), ação do menu de contexto (item de trabalho) Calcula automaticamente o WSJF (Weighted Shortest Job First) por item de trabalho e o armazena em um campo de item de trabalho.
Listas em cascata GitHub Formulário de itens de trabalho Defina o comportamento em cascata para listas de opções no formulário de itens de trabalho.
Retrospectivas GitHub Hub Experiência de primeira classe para retrospectivas e cenários de quadro de feedback geral. Colete feedback sobre os marcos do projeto, organize e priorize, e crie e acompanhe tarefas acionáveis, o que pode ajudar sua equipe a melhorar com o passar do tempo.
Estimar GitHub Hub, menu de ações de itens de trabalho Jogue Planning Poker no Azure DevOps. Selecione o trabalho de uma iteração, consulta ou da lista de pendências, estime o esforço desses itens com sua equipe e atualize os itens de trabalho imediatamente.
Controle de vários valores GitHub Formulário de itens de trabalho O controle de formulário de um item de trabalho, que permite selecionar diversos 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 semente que contém os arquivos necessários para criar uma extensão usando TypeScript. Há um script grunt para automatizar a criação, o empacotamento e a publicação da extensão.

Conteúdo relacionado

  • Last updated on