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 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 | Description |
|---|---|---|
| Pão raladoServiço | 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 | Editor de Código | Adiciona uma definição de linguagem e um esquema JSON para o editor de código. |
| Funcionalidade | 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 | 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 | 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 | 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ô | 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 | 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 | Menu Item | 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 | 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 | 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 | 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, que podem 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.