Extensievoorbeelden

  • Artikel

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.

Voorbeeld Bron Bijdragen Beschrijving
BreadcrumbService GitHub 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 voorbeeldhub in de groep Pipelines Hub.
CodeEditorContribution GitHub Code-editor Hiermee voegt u een taaldefinitie en een JSON-schema toe voor de code-editor.
Functie GitHub Functie, hub, eigenschapsprovider Laat zien hoe u het deelvenster Preview-functies kunt koppelen in het menu 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 GitHub Hub 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 GitHub Menu-item Definitie maken Hiermee voegt u een menu-item sample build definition 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.
Deelvenster GitHub Inhoud van deelvenster, hub Toegepast in het Hub-voorbeeld . Bevat een wisselknop samen met de knoppen OK en Annuleren . Kan worden gebruikt als aangepaste deelvenster- of dialoogvensterinhoud.
Pivot GitHub 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 GitHub Pill Provider Voegt pillen toe aan de titel van de pagina Pijplijndefinitie (Runs).
QueryParamsHandler GitHub Gebeurtenisabonnement Hiermee wordt een service toegevoegd die op elke pagina wordt geladen wanneer een showMyPanel queryparameter in de URL wordt weergegeven wanneer een pagina wordt geladen. De opstartservice toont het aangepaste deelvenster in het deelvenstervoorbeeld, met behulp van een optionele myPanelTitle queryparameter als de titel van het deelvenster.
RepositoryActions GitHub Menu-item Er wordt een actiemenu-item voorbeeldopslagplaats toegevoegd 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 GitHub Hub Hiermee voegt u een opslagplaatsinformatiehub toe aan de codehubgroep . Demonstreert hoe u kunt communiceren met het IVersionControlRepositoryService verkrijgen van basisinformatie over de Git-opslagplaats van een gebruiker.
WorkItemFormGroup GitHub 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 GitHub Hub 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 voor het openen van een bestaand werkitem op id of het werkitemformulier voor een nieuw werkitem op werkitemtype. 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 WSJF (gewogen kortste taak eerst) per werkitem berekend en opgeslagen in een werkitemveld.
Trapsgewijze lijsten GitHub Werkitemformulier Trapsgewijs gedrag definiëren voor selectielijsten in werkitemformulier.
Retrospectieven GitHub Hub Eersteklas ervaring voor retrospectieven en algemene feedbackbordscenario's. Verzamel feedback over uw projectmijlpalen, organiseer en prioriteer taken en maak en volgbare taken om uw team in de loop van de tijd te helpen verbeteren.
Schatting GitHub Actiemenu Hub, Werkitem 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 Formulier werkitem 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.