Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Azure DevOps Services | Azure DevOps Server | Azure DevOps Server 2022
Use esses exemplos como pontos de partida para suas próprias extensões. Cada exemplo demonstra um pequeno número de contribuições para que você possa ver como elas funcionam isoladamente. Todo o código-fonte está no repositório de exemplos de extensão do Azure DevOps.
Dica
Para obter as diretrizes mais recentes de desenvolvimento de extensão, incluindo temas e migração do VSS. SDK, consulte o portal do desenvolvedor do SDK de Extensão do Azure DevOps.
A tabela a seguir lista os exemplos no repositório e os tipos de contribuição que cada um demonstra.
| Amostra | Contribuições | Descrição |
|---|---|---|
| BreadcrumbService | Serviço de trilha, hub | Adiciona um serviço de caminho de navegação, que adiciona um item de caminho de navegação de exemplo ao hub de amostras. 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 comunidade (DevLabs)
Essas extensões de software livre do Microsoft DevLabs mostram padrões reais que você pode adaptar.
| 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 obter um passo a passo, consulte Desenvolver um plug-in da Web. Você também pode clonar o repositório de exemplo de extensão do Azure DevOps e usar qualquer exemplo como um modelo inicial.