Partager via

Exemples d’extension

Azure DevOps Services | Azure DevOps Server | Azure DevOps Server 2022

Utilisez ces exemples comme points de départ pour vos propres extensions. Chaque exemple illustre un petit nombre de contributions afin de voir comment elles fonctionnent en isolation. Tout le code source se trouve dans le référentiel d’exemples d’extensions Azure DevOps.

Conseil

Pour obtenir les dernières instructions de développement d’extension, notamment les thèmes et la migration à partir de VSS. Sdk, consultez le portail du kit de développement logiciel (SDK) d’extension Azure DevOps.

Le tableau suivant répertorie les exemples dans le dépôt et démontre les types de contribution de chacun.

Exemple Contributions Description
BreadcrumbService Service de navigation, Hub Ajoute un service de navigation, qui ajoute un exemple d’élément de navigation au hub d’exemple. Pour voir cet élément, accédez au Sample Hub dans le groupe de hubs Pipelines.
CodeEditorContribution Éditeur de code Ajoute une définition de langage et un schéma JSON pour l’éditeur de code.
Fonctionnalité Fonctionnalité, Hub, Fournisseur de propriétés Montre comment se connecter au panneau Fonctionnalités d’aperçu sous le menu profil utilisateur. Ajoute un hub simple qui s’affiche uniquement lorsque vous activez une fonctionnalité « ABC ». Vous pouvez activer et désactiver la fonctionnalité, par utilisateur ou par organisation.
Hub Hub Ajoute un hub nommé Sample Hub au groupe hub Pipelines . Le "Sample Hub" se trouve sur une page au niveau du projet, sous l'élément de navigation Pipelines.
Menu Élément de menu Définition de build Ajoute un élément de menu "Exemple de définition de build" au hub "Builds" dans le menu déroulant des actions. Le gestionnaire de menus obtient la définition de build actuelle à partir du contexte passé, effectue un appel REST, puis affiche le résultat dans une boîte de message.
Panneau Contenu du panneau, Hub Appliqué dans l’exemple Hub . Contient un bouton bascule avec des boutons OK et Annuler . Peut être utilisé comme panneau personnalisé ou contenu de boîte de dialogue.
Pivot Onglet Web Ajoute un onglet Exemple de tableau croisé à la page d'accueil de l'organisation ou de la collection de projets, à côté de mes projets, mes éléments de travail, et mes pull requests.
Pilules Fournisseur de pilules Ajoute des pilules au titre de la page Définition de pipeline (Exécutions).
QueryParamsHandler Abonnement à un événement Ajoute un service qui se charge sur une page chaque fois qu’un paramètre de requête apparaît dans l’URL lorsqu’une showMyPanel page est chargée. Le service de démarrage affiche le panneau personnalisé de l’exemple Panneau, en utilisant un paramètre de requête facultatif myPanelTitle comme titre du panneau.
RepositoryActions Élément de menu Ajoute un élément de menu Action d'exemple du référentiel au sélecteur de référentiels dans l'en-tête des pages du hub de code. Si la href propriété s’affiche, sélectionnez l’action pour accéder à l’URL donnée. Si la uri propriété est fournie, ce code s’exécute lorsque vous sélectionnez l’action.
RepositoryServiceHub Hub Ajoute un point d'accès d'informations du référentiel au groupe de hubs de code. Montre comment interagir avec le IVersionControlRepositoryService référentiel Git d’un utilisateur pour obtenir des informations de base.
WorkItemFormGroup Groupe de formulaires d’élément de travail Ajoute une extension de groupe de formulaire d'exemple 'WorkItem' au formulaire d'élément de travail pour montrer comment interagir avec le service IWorkItemFormService et IWorkItemNotificationListener. Fournit une interface utilisateur pour démontrer de manière concrète comment modifier les valeurs de champ à l’aide du service de formulaire et afficher les événements de notification du formulaire des éléments de travail.
WorkItemOpen Hub Ajoute un exemple de hub WorkItem Open au groupe du hub Boards pour montrer comment interagir avec le IWorkItemFormNavigationService service. Fournit une interface utilisateur pour vous permettre d’ouvrir un élément de travail existant par ID ou d’ouvrir le formulaire d’élément de travail pour un nouvel élément de travail par type d’élément de travail. L’une de ces options ouvre une boîte de dialogue dans le cadre hôte.

Exemples de communauté (DevLabs)

Ces extensions open source de Microsoft DevLabs montrent des modèles réels que vous pouvez adapter.

Exemple Source Contributions Description
Calendrier d’équipe GitHub Hub, sources d’événements Suivez les événements importants pour votre équipe, affichez et gérez les jours de congé, voyez rapidement quand les sprints commencent et se terminent, et bien plus encore.
WSJF (Travail le plus court pondéré en premier) GitHub Notification (élément de travail), action de menu contextuel (élément de travail) Calcule automatiquement WSJF (travail le plus court pondéré en premier) par élément de travail et le stocke dans un champ d’élément de travail.
Listes en cascade GitHub Formulaire d’élément de travail Définissez le comportement en cascade pour les listes de sélection dans le formulaire d’élément de travail.
Rétrospectives GitHub Hub Expérience de première classe pour les rétrospectives et les scénarios généraux de tableau de commentaires. Collectez des commentaires sur les jalons de votre projet, organisez et hiérarchisez et créez et suivez les tâches actionnables, ce qui peut aider votre équipe à s’améliorer au fil du temps.
Estimation GitHub Menu d’action de Hub, Élément de travail Jouer au poker de planification dans Azure DevOps. Sélectionnez le travail à partir d’une itération, d’une requête ou de votre backlog, estimez l’effort de ces éléments avec votre équipe et mettez immédiatement à jour les éléments de travail.
Contrôle à valeurs multiples GitHub Formulaire d'élément de travail Contrôle de formulaire pour un élément de travail permettant la sélection de plusieurs valeurs.
Tâches d’extension Azure DevOps GitHub Tâches de compilation et de déploiement Tâches Azure Pipelines pour l’empaquetage et la publication d’extensions Azure DevOps et Visual Studio sur la Place de marché Visual Studio.

Démarrage

Pour obtenir une procédure pas à pas, consultez Développer une extension web. Vous pouvez également cloner l’exemple de dépôt d’extension Azure DevOps et utiliser n’importe quel exemple comme modèle de démarrage.

Contenu connexe

  • Last updated on