Delen via

Extensievoorbeelden

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

Begin met het ontwikkelen van uw extensie door vanuit een voorbeeld te werken.

Tip

Bekijk onze nieuwste documentatie over uitbreidingsontwikkeling met behulp van de Azure DevOps Extension SDK.

In de volgende Microsoft-voorbeelden ziet u de mogelijkheden van het extensieframework en hoe u kunt bijdragen aan verschillende gebieden. Elk voorbeeld illustreert een of meer bijdragen. We beperken het aantal bijdragen voor elke steekproef om meer inzicht te krijgen in het uitbreidingsframework. Voor informatie over de bron, zie de Azure DevOps-extensievoorbeelden opslagplaats.

Voorbeeld Bijdragen Beschrijving
BreadcrumbService Breadcrumb Service, hub Hiermee voegt u een breadcrumb-service toe, waarmee een voorbeeld van breadcrumb-item wordt toegevoegd aan de voorbeeldhub. Als u dit item wilt zien, gaat u naar de Sample Hub in de Pipelines-hubgroep.
CodeEditorContribution Code editor Hiermee voegt u een taaldefinitie en een JSON-schema toe voor de code-editor.
Functie Functie, knooppunt, eigenschapaanbieder Laat zien hoe u het deelvenster Preview-functies kunt integreren onder het menu van het gebruikersprofiel. Voegt een eenvoudige hub toe die alleen wordt weergegeven wanneer u een ABC-functie inschakelt. U kunt de functie in- en uitschakelen, per gebruiker of per organisatie.
Hub Knooppunt Voegt een hub met de naam Sample Hub toe aan de hubgroep Pipelines . De voorbeeldhub bevindt zich op een pagina op projectniveau, onder het navigatie-element Pijplijnen .
Menu Menu-item Definitie maken Hiermee voegt u een Sample build definition menu-item toe aan de Builds-hub in het vervolgkeuzemenu voor acties. De menuhandler haalt de huidige builddefinitie op uit de context die is doorgegeven, voert een REST-aanroep uit en geeft vervolgens het resultaat weer in een berichtvak.
Paneel Inhoud paneel en hub Toegepast in het Hub-voorbeeld . Bevat een wisselknop samen met de knoppen OK en Annuleren . Kan worden gebruikt als aangepaste deelvenster- of dialoogvensterinhoud.
Scharnierpunt Tabblad Web Hiermee voegt u een tabblad Voorbeelddraaipunt toe aan de startpagina van de organisatie of projectverzameling, naast Projecten, Mijn werkitems en Mijn pull-aanvragen.
Pillen Pillenleverancier Voegt pillen toe aan de titel van de pagina Pijplijndefinitie (Runs).
QueryParamsHandler Gebeurtenisabonnement Hiermee wordt een service toegevoegd die wordt geladen op elke pagina als een showMyPanel queryparameter in de URL aanwezig is bij het laden van een pagina. De opstartservice toont het aangepaste paneel uit het deelvenstervoorbeeld, met als titel van het paneel een optionele myPanelTitle queryparameter.
RepositoryActions Menuoptie Hiermee voegt u een actiemenu-item voorbeeldopslagplaats toe aan de opslagplaatskiezer in de koptekst van codehub-pagina's. Als de href eigenschap wordt weergegeven, selecteert u de actie om naar de opgegeven URL te gaan. Als de uri eigenschap is opgegeven, wordt die code uitgevoerd wanneer u de actie selecteert.
RepositoryServiceHub Knooppunt Hiermee voegt u een opslagplaatsinformatiehub toe aan de codehubgroep . Demonstreert hoe u kunt communiceren met IVersionControlRepositoryService om basisinformatie te verkrijgen over de Git-opslagplaats van een gebruiker.
WorkItemFormGroup Formuliergroep Werkitem Hiermee voegt u een voorbeeld van een workItem-formuliergroepextensie toe aan het werkitemformulier om te laten zien hoe u met de IWorkItemFormService service kunt werken en IWorkItemNotificationListener. Biedt een gebruikersinterface om te laten zien hoe u veldwaarden wijzigt met behulp van de formulierservice en het weergeven van meldingen van werkitems.
WorkItemOpen Knooppunt Hiermee voegt u een Voorbeeldwerkitem Open-hub toe aan de hubgroep Boards om te laten zien hoe u met de IWorkItemFormNavigationService service kunt werken. Biedt een gebruikersinterface om een bestaand werkitem op ID te openen of het werkitemformulier voor een nieuw werkitem op basis van werkitemtype te openen. Met een van deze opties opent u een dialoogvenster in het hostframe.

DevLabs-voorbeelden

Andere opensource-voorbeelden waarin u mogelijk geïnteresseerd bent.

Voorbeeld Bron Bijdragen Beschrijving
Teamagenda GitHub Hub, gebeurtenisbronnen Houd gebeurtenissen bij die belangrijk zijn voor uw team, bekijk en beheer dagen vrij, bekijk snel wanneer sprints beginnen en eindigen, en meer.
WSJF (Gewogen kortste taak eerst) GitHub Melding (werkitem), contextmenuactie (werkitem) Automatisch wordt per werkitem de WSJF (gewogen kortste taak eerst) berekend en opgeslagen in een werkitem-veld.
Trapsgewijze lijsten GitHub Werkitemformulier Trapsgewijs gedrag definiëren voor selectielijsten in werkitemformulier.
Retrospectieven GitHub Knooppunt Eersteklas ervaring voor retrospectieven en algemene feedbackbordscenario's. Verzamel feedback over mijlpalen van uw project, organiseer en geef prioriteit aan en maak en volgbare taken, die uw team in de loop van de tijd kunnen helpen verbeteren.
Schatten GitHub Hub, Actiemenu voor werkitems Speel Planning Poker in Azure DevOps. Selecteer werk uit een iteratie, query of uw achterstand, schat de inspanning van deze items in met uw team en werk de werkitems onmiddellijk bij.
Besturingselement met meerdere waarden GitHub Werkitemformulier Een formulierbesturingselement voor werkitems, waarmee u meerdere waarden kunt selecteren.
Azure DevOps-extensietaken GitHub Build- en releasetaken Azure Pipelines-taken voor het verpakken en publiceren van Azure Devops- en Visual Studio-extensies naar Visual Studio Marketplace.

Aan de slag

Als u zo snel mogelijk aan de slag wilt gaan, gebruikt u het seed-project dat de bestanden bevat die nodig zijn om een extensie te bouwen met Behulp van TypeScript. Er is een gruntscript om het bouwen, verpakken en publiceren van de extensie te automatiseren.