Tilläggsexempel

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

Använd de här exemplen som utgångspunkt för dina egna tillägg. Varje exempel visar ett litet antal bidrag så att du kan se hur de fungerar isolerat. All källkod finns i lagringsplatsen för Azure DevOps-tilläggsexempel.

Tips

För den senaste utvecklingsvägledningen för tillägg, inklusive teman och migrering från VSS. SDK, se utvecklarportalen för Azure DevOps Extension SDK.

I följande tabell listas exemplen i arkivet och de bidragstyper som respektive exempel demonstrerar.

Exempel Bidrag beskrivning
BreadcrumbService Breadcrumb Service, Hub Lägger till en brödsmuletjänst, som lägger till ett Exempelbrödsmuleobjekt till exempelhubben. För att se det här objektet går du till Exempelhubben i Pipelines-hub-gruppen.
CodeEditorContribution Kodredigeraren Lägger till en språkdefinition och ett JSON-schema för kodredigeraren.
Funktion Funktion, nav, egenskapsleverantör Visar hur du ansluter till panelen Förhandsgranskningsfunktioner under användarprofilmenyn. Lägger till en enkel hubb som bara visas när du aktiverar en "ABC"-funktion. Du kan aktivera och inaktivera funktionen, per användare eller per organisation.
Hubb Hubb Lägger till en hubb med namnet Sample Hub i pipelines-hubbgruppen . Exempelhubben finns på en sida på projektnivå under navigeringselementet Pipelines .
Meny Menyalternativet Skapa definition Lägger till ett menyalternativ för exempelbyggdefinition till hubben Builds i åtgärdsmenyn. Menyhanteraren hämtar den aktuella versionsdefinitionen från kontexten som skickas, gör ett REST-anrop och visar sedan resultatet i en meddelanderuta.
Panel Panelinnehåll, hubb Används i Hubbexemplet. Innehåller en växlingsknapp tillsammans med OK- och Avbryt-knapparna. Kan användas som en anpassad panel eller dialogruta.
Pivot Webbläsarflik Lägger till en exempel-pivotflik i startsidan för organisationen eller projektsamlingen bredvid Projekt, Mina arbetsobjekt och Mina pull-begäranden.
Piller Pilleverantör Lägger till piller i rubriken på sidan Pipelinedefinition (Körningar).
QueryParamsHandler Händelseprenumeration Lägger till en tjänst som läses in på vilken sida som helst när en showMyPanel-frågeparameter finns i URL:en vid sidinläsning. Starttjänsten visar den anpassade panelen från panelexemplet med en valfri frågeparameter myPanelTitle som panelrubrik.
RepositoryActions Menyalternativet Lägger till ett exempel på menyalternativet för lagringsplatsens åtgärd till lagringsplatsens väljare i sidhuvudet på kodhubbens sidor. Om egenskapen href visas väljer du åtgärden för att gå till den angivna URL:en. Om egenskapen uri anges körs koden när du väljer åtgärden.
RepositoryServiceHub Hubb Lägger till en lagringsplatsinformationshubb i gruppen Kodhubb . Visar hur du interagerar med IVersionControlRepositoryService för att få grundläggande information om en användares Git-lagringsplats.
WorkItemFormGroup Formulärgrupp för arbetsobjekt Lägger till ett Exempel på WorkItem-formulärgrupptillägg i arbetsobjektsformuläret för att visa hur du interagerar med IWorkItemFormService-tjänsten och IWorkItemNotificationListener. Tillhandahåller ett användargränssnitt för att demonstrera hur man ändrar fältvärden med hjälp av formulärtjänsten och visar händelser för meddelanden i arbetsobjektformulär.
WorkItemOpen Hubb Lägger till en Sample WorkItem Open-hubb i hubbgruppen Boards för att visa hur du IWorkItemFormNavigationService interagerar med tjänsten. Innehåller ett användargränssnitt som du kan använda för att öppna ett befintligt arbetsobjekt efter ID eller öppna arbetsobjektsformuläret för ett nytt arbetsobjekt efter arbetsobjekttyp. Något av dessa alternativ öppnar en dialogruta i värdramen.

Community-exempel (DevLabs)

Dessa tillägg med öppen källkod från Microsoft DevLabs visar verkliga mönster som du kan anpassa.

Exempel Källa Bidrag beskrivning
Gruppkalender GitHub Hubb, händelsekällor Spåra händelser som är viktiga för ditt team, visa och hantera lediga dagar, se snabbt när sprintarna börjar och slutar med mera.
WSJF (viktat kortaste jobbet först) GitHub Meddelande (arbetsobjekt), snabbmenyåtgärd (arbetsobjekt) Beräknar automatiskt WSJF (viktat kortast jobb först) för varje arbetsobjekt och lagrar det i fältet för arbetsobjekt.
Sammanhängande listor GitHub Formulär för arbetsuppgift Definiera kaskadbeteende för listrutor i arbetsobjektsformulär.
Tillbakablickar GitHub Hubb Förstklassig upplevelse för scenarier med retrospektiv och generell feedbacktavla. Samla in feedback om projektets milstolpar, organisera och prioritera och skapa och spåra åtgärdsbara uppgifter, vilket kan hjälpa ditt team att bli bättre över tid.
Uppskatta GitHub Arbetsobjektens åtgärdsmeny i hubben Spela Planning Poker i Azure DevOps. Välj arbetsobjekt från en iteration, en sökfråga eller din backlog, beräkna insatsen för dessa objekt med ditt team, och uppdatera omedelbart arbetsobjekten.
Flervärdeskontroll GitHub Formulär för arbetsuppgift En formulärkontroll för arbetsobjekt som tillåter val av flera värden.
Azure DevOps-tilläggsuppgifter GitHub Bygg- och versionsaktiviteter Azure Pipelines-uppgifter för paketering och publicering av Azure DevOps- och Visual Studio-tillägg till Visual Studio Marketplace.

Kom igång

En stegvis genomgång finns i Utveckla ett webbtillägg. Du kan också klona exempelrepo för Azure DevOps-tillägget och använda valfritt exempel som en startmall.