Partilhar via

Amostras de extensão

  • Artigo

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

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.

Exemplo Origem Contribuições Description
Pão raladoServiço GitHub Serviço de Breadcrumb, Hub Adiciona um serviço de trilha que adiciona um "Item de trilha de amostra" ao hub de amostra. Para ver este item, vá para o Hub de Exemplo no grupo de hub Pipelines .
CodeEditorContribuição GitHub Editor de Código Adiciona uma definição de linguagem e um esquema JSON para o editor de código.
Funcionalidade GitHub Recurso, Hub, Provedor de Propriedade Mostra como se conectar ao painel Visualizar recursos 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 Amostra ao grupo de hub 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 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 juntamente com os botões OK e Cancelar . Pode ser usado como um painel personalizado ou conteúdo de diálogo.
Pivô GitHub Guia Web Adiciona uma guia Exemplo Dinâmico à home page da organização ou coleção de projetos, ao lado de Projetos, Meus itens de trabalho e Minhas solicitações pull.
Pílulas GitHub Fornecedor de pílula Adiciona pílulas ao título da página Definição de pipeline (Execuções).
QueryParamsHandler GitHub 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 GitHub Menu Item 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 o URL fornecido. 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á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 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.
WorkItemAbrir 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 em que você pode estar interessado.

Exemplo Origem Contribuições Description
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 (Trabalho mais curto ponderado primeiro) GitHub Notificação (item de trabalho), ação do menu de contexto (item de trabalho) O Auto calcula WSJF (trabalho mais curto ponderado primeiro) por item de trabalho e o armazena em um campo de 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 Hub 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 para ajudar sua equipe a melhorar ao longo do tempo.
Estimativa 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 sua lista de pendências, estime o esforço desses itens com sua equipe e atualize imediatamente os itens de trabalho.
Controlo de múltiplos valores 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 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.

Começar agora

Para começar o mais rápido possível, use o projeto seed 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.