Partilhar via

Exemplos de extensão

Serviços de DevOps do Azure | Azure DevOps Server | Azure DevOps Server 2022

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

Gorjeta

Confira nossa documentação mais recente sobre desenvolvimento de extensões usando o SDK de 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 do quadro de extensão. Para obter informações de origem, consulte o repositório de exemplos de extensão do Azure DevOps.

Exemplo Contribuições Descrição
Serviço Breadcrumb Serviço de Breadcrumb, Hub Adiciona um serviço de migalhas de navegação que adiciona um "Item de Migalhas de Navegação de Exemplo" ao hub de amostra. Para ver este item, vá para o Hub de Exemplo no grupo de hubs Pipelines.
CodeEditor Contribuição Editor de Código Adiciona uma definição de linguagem e um esquema JSON para o editor de código.
Funcionalidade Recurso, Hub, Fornecedor de Propriedades Mostra como aceder ao painel Recursos de Pré-visualização no menu de perfil do utilizador. 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 Núcleo Adiciona um hub chamado Hub de Amostra ao grupo de hub Pipelines . O Hub de Exemplo está numa página ao nível do projeto, sob o elemento de navegação Pipelines.
Menu Item de menu Construção de Definição Adiciona um item de menu de definição de compilação de exemplo ao hub de 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 Conteúdo do painel, Hub Aplicado no exemplo de Hub . Contém um botão de alternância juntamente com os botões OK e Cancelar . Pode ser usado como um painel personalizado ou conteúdo de diálogo.
Pivô Aba Web Adiciona um separador Exemplo Dinâmico à página inicial da organização ou coleção de projetos, ao lado de Projetos, Meus itens de trabalho e Minhas pull requests.
Pílulas Fornecedor de pílula Adiciona pílulas ao título da página Definição de pipeline (Execuções).
QueryParamsHandler Subscrição de Evento Adiciona um serviço que é carregado em qualquer página sempre que um showMyPanel parâmetro de consulta é apresentado na URL quando qualquer página é carregada. O serviço de inicialização mostra o painel personalizado do exemplo Panel, usando um parâmetro de consulta opcional myPanelTitle como o título do painel.
RepositoryActions Item de Menu Adiciona um item "Ação do repositório de exemplo" ao menu no seletor de repositório no cabeçalho das páginas do hub de código. Se a href propriedade aparecer, selecione a ação de ir para o URL fornecido. Se a uri propriedade for fornecida, esse código será executado quando você selecionar a ação.
RepositoryServiceHub Núcleo Adiciona um hub de Informações do Repositório ao grupo de hubs 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 Grupo de Formulário de Item de Trabalho Adiciona uma extensão de Grupo de Formulário de Item de Trabalho de Exemplo ao formulário de item de trabalho para mostrar como interagir com o serviço e IWorkItemFormServiceo IWorkItemNotificationListener . 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.
WorkItemAbrir Núcleo Adiciona um hub Sample WorkItem Open ao grupo de hubs '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 em que você pode estar interessado.

Exemplo Origem Contribuições Descrição
Calendário da Equipa 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 (Prioridade ponderada para o trabalho mais curto) GitHub Notificação (item de trabalho), ação do menu de contexto (item de trabalho) Auto calcula o WSJF (trabalho mais curto ponderado primeiro) por item de trabalho e armazena-o num campo do item de trabalho.
Listas em cascata GitHub Formulário de Item de Trabalho Defina o comportamento em cascata para listas de opções no formulário de item de trabalho.
Retrospetivas GitHub Núcleo Experiência de primeira classe para retrospetivas 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, que podem ajudar sua equipe a melhorar ao longo do tempo.
Estimativa GitHub Hub, menu de ações do item de trabalho Jogue o Planning Poker no Azure DevOps. Selecione tarefas de uma iteração, consulta ou da sua lista de pendências, estime o esforço desses itens com a sua equipa e atualize imediatamente as tarefas.
Controlo de múltiplos valores GitHub Formulário de item de trabalho Um controlo de formulário para item de trabalho que permite selecionar múltiplos valores.
Tarefas de extensão do Azure DevOps GitHub Tarefas de compilação e liberação 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 quanto antes, use o projeto modelo 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.

Conteúdo relacionado

  • Last updated on