Exemplos de extensão
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.