Freigeben über

Erweiterungsbeispiele

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

Verwenden Sie diese Beispiele als Ausgangspunkt für Ihre eigenen Erweiterungen. Jedes Beispiel zeigt eine kleine Anzahl von Beiträgen, damit Sie sehen können, wie sie isoliert funktionieren. Der gesamte Quellcode befindet sich im Azure DevOps Extensions Repository.

Tipp

Für die neuesten Anleitungen zur Erweiterungsentwicklung, einschließlich Themengestaltung und Migration von VSS.SDK, besuchen Sie das Entwicklerportal des Azure DevOps Extension SDK.

In der folgenden Tabelle sind die Beispiele im Repo und die jeweiligen Beitragstypen aufgeführt.

Beispiel Beiträge Beschreibung
BrotkrümelDienst Breadcrumb-Dienst, Hub Fügt einen Breadcrumb-Dienst hinzu, der dem Beispiel-Hub ein Beispiel-Breadcrumb-Element hinzufügt. Um dieses Element zu sehen, gehen Sie zum Beispiel-Hub in den Pipelines Hub-Gruppe.
CodeEditorContribution Code-Editor Fügt eine Sprachdefinition und ein JSON-Schema für den Code-Editor hinzu.
Funktion Funktion, Hub, Eigenschaftenanbieter Zeigt, wie man sich in die Vorschau Funktionen unter dem Benutzerprofilmenü. Fügt einen einfachen Knotenpunkt hinzu, der nur angezeigt wird, wenn Sie eine "ABC"-Funktion einschalten. Sie können die Funktion ein- und ausschalten, pro Benutzer oder pro Organisation.
Hub Hub Fügt einen Hub namens Beispiel-Hub in die Pipelines Hub-Gruppe. Der Beispielhub befindet sich auf einer Seite auf Projektebene unter dem Navigationselement Pipelines.
Menü Menüelement "Builddefinition" Fügt ein Beispielbuilddefinition-Menüelement zum Builds-Hub im Dropdown-Menü für Aktionen hinzu. Der Menü-Handler holt sich die aktuelle Bauen Sie-Definition aus dem übergebenen Kontext, führt einen REST-Aufruf durch und zeigt dann das Ergebnis in einem Nachrichtenfeld an.
Bereich Bereichsinhalt, Hub Angewandt innerhalb der Hub Beispiel. Enthält eine Schaltfläche zum Umschalten zusammen mit OK und Abbrechen Tasten. Kann als benutzerdefiniertes Panel oder Dialoginhalt verwendet werden.
Drehpunkt Webtab Fügt der Startseite der Organisation oder Projektsammlung eine Registerkarte Beispiel-Pivot neben Projekten, Meine Arbeitselemente und Meine Pull Requests hinzu.
Ovale Steuerelemente Pillen-Anbieter Fügt dem Titel der Pipelinedefinitionsseite (Runs) ovale Steuerelemente hinzu.
QueryParamsHandler Ereignisabonnement Fügt einen Dienst hinzu, der auf jeder Seite geladen wird, wenn ein showMyPanel Abfrageparameter in der URL, wenn eine Seite geladen wird. Der Startup-Dienst zeigt das benutzerdefinierte Panel aus dem Panel-Beispiel an, wobei ein optionales myPanelTitle Abfrageparameter als Titel des Panels.
RepositoryAktionen Menübefehl Fügt der Repositoryauswahl im Kopf der Codehubseiten ein Menüelement Beispiel-Repository-Aktion hinzu. Wenn die href Eigenschaft angezeigt wird, wählen Sie die Aktion aus, um zur angegebenen URL zu gelangen. Wenn die uri Eigenschaft "SpecificInternalRow" angegeben ist, wird der Code ausgeführt, wenn Sie die Aktion auswählen.
RepositoryServiceHub Hub Fügt der Code-Hubgruppe einen Hub Repositoryinformationen hinzu. Anleitung für die Interaktion mit dem IVersionControlRepositoryService um grundlegende Informationen über das Git-Repository eines Benutzers zu erhalten.
WorkItemFormGroup Arbeitselement-Formulargruppe Fügt eine Beispiel WorkItem Form Group Erweiterung des Workitem-Formulars, um zu zeigen, wie Sie mit dem IWorkItemFormService Dienstes und IWorkItemNotificationListener. Stellt eine Benutzeroberfläche bereit, um zu veranschaulichen, wie Feldwerte mit dem Formulardienst geändert und Benachrichtigungsereignisse von Arbeitselementformularen angezeigt werden.
WorkItemOpen Hub Fügt eine Beispiel WorkItem Öffnen Sie Knotenpunkt zum Boards Hub Group, um zu zeigen, wie man mit dem Token interagiert IWorkItemFormNavigationService Dienst. Bietet eine Benutzeroberfläche zum Öffnen eines vorhandenen Workitems nach ID oder zum Öffnen des Workitem-Formulars für ein neues Workitem nach Workitem-Typ. Jede dieser Optionen öffnet ein Dialogfeld im Host-Frame.

Communitybeispiele (DevLabs)

Diese Open-Source-Erweiterungen von Microsoft DevLabs zeigen reale Muster, die Sie anpassen können.

Beispiel Quelle Beiträge Beschreibung
Team-Kalender GitHub Hub, Ereignisquellen Verfolgen Sie Ereignisse, die für Ihr Team wichtig sind, sehen und verwalten Sie freie Tage, sehen Sie schnell, wann Sprints starten und enden, und vieles mehr.
WSJF (gewichteter kürzester Auftrag zuerst) GitHub Benachrichtigung (Arbeitselement), Kontextmenüaktion (Arbeitselement) Der WSJF (gewichtet kürzester Auftrag zuerst) wird automatisch pro Arbeitselement berechnet und in einem Arbeitselementfeld gespeichert.
Kaskadierende Listen GitHub Arbeitselementformular Definieren Sie kaskadierendes Verhalten für Auswahllisten im Arbeitselementformular.
Rückblicke GitHub Hub Erstklassige Erfahrung für Retrospektiven und allgemeine Feedback-Board-Szenarien. Sammeln Sie Feedback zu Ihren Projektmeilensteinen, organisieren und priorisieren Sie, und erstellen und verfolgen Sie umsetzbare Aufgaben, die Ihrem Team helfen, sich im Laufe der Zeit zu verbessern.
Schätzung GitHub Hub, Aktionsmenü für Arbeitselement Planungspoker in Azure DevOps spielen. Wählen Sie Arbeit aus einer Iteration, einer Abfrage oder Ihrem Rückstand aus, schätzen Sie den Aufwand für diese Elemente mit Ihrem Team und aktualisieren Sie die Workitems sofort.
Steuerelement für mehrere Werte GitHub Arbeitselementformular Ein Formularsteuerelement für Arbeitselemente, das die Auswahl mehrerer Werte ermöglicht.
Azure DevOps Erweiterung Aufgaben GitHub Entwickeln und Veröffentlichen von Tasks Azure Pipelines-Aufgaben zum Packen und Veröffentlichen von Azure DevOps- und Visual Studio-Erweiterungen im Visual Studio Marketplace.

Erste Schritte

Eine schrittweise exemplarische Vorgehensweise finden Sie unter Entwickeln einer Weberweiterung. Sie können auch das Azure DevOps-Erweiterungs-Beispiel-Repository klonen und ein beliebiges Beispiel als Startvorlage verwenden.

Verwandte Inhalte

  • Last updated on