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 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 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. Para obter informações de origem, consulte o repositório de exemplos de extensão do Azure DevOps.

Amostra Contribuições Descrição
Serviço de trilha de navegação Serviço de trilha de navegação, hub Adiciona um serviço de trilha de navegação, que adiciona um "Item de trilha de exemplo" ao hub de exemplo. Para ver esse item, acesse o Hub de Exemplo no grupo de hubs Pipelines.
Contribuição do Editor de Código Editor de Códigos Adiciona uma definição de linguagem e um esquema JSON para o editor de código.
Recurso Recurso, Hub, Provedor de Propriedades 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 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, no elemento de navegação Pipelines.
Menu Item de menu Construir definição Adiciona um item de menu Exemplo de definição de compilação ao hub Compilações no menu suspenso de ações. O manipulador de menu obtém a definição de build 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 do 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 caixa de diálogo.
Dinâmico Guia 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 pílulas 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 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 Painel, usando um parâmetro de consulta opcional myPanelTitle como o título do painel.
Ações do repositório Item de menu 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 Hub 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á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 Hub Adiciona um hub Aberto de Item de Trabalho de Exemplo ao grupo de hubs Quadros 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 hospedeiro.

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 mais curto ponderado 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 feedback. Colete feedback sobre os marcos do seu projeto, organize e priorize e crie e acompanhe tarefas acionáveis, que podem 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 de 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 semente que contém os arquivos necessários para criar uma extensão usando o TypeScript. Há um script grunt para automatizar a criação, o empacotamento e a publicação da extensão.