Udostępnij za pośrednictwem


Przykłady rozszerzeń

Azure DevOps Services | Azure DevOps Server 2022 — Azure DevOps Server 2019

Rozpocznij tworzenie rozszerzenia, pracując z poziomu przykładu.

Napiwek

Zapoznaj się z naszą najnowszą dokumentacją dotyczącą programowania rozszerzeń przy użyciu zestawu SDK rozszerzenia usługi Azure DevOps.

W poniższych przykładach firmy Microsoft przedstawiono możliwości struktury rozszerzeń i sposób współtworzenia różnych obszarów. Każdy przykład ilustruje co najmniej jeden wkład. Ograniczamy liczbę współtworzeń dla każdego przykładu, aby zwiększyć zrozumienie struktury rozszerzeń. Aby uzyskać informacje o źródle, zobacz repozytorium przykładów rozszerzeń usługi Azure DevOps.

Przykład Udziały opis
BreadcrumbService Usługa do stron nadrzędnych, Centrum Dodaje usługę do stron nadrzędnych, która dodaje element "Przykładowy element do stron nadrzędnych" do przykładowego centrum. Aby wyświetlić ten element, przejdź do przykładowego centrum w grupie Centrum potoków .
CodeEditorContribution Edytor kodu Dodaje definicję języka i schemat JSON dla edytora kodu.
Funkcja Funkcja, Centrum, Dostawca właściwości Pokazuje, jak podłączyć się do panelu Funkcje w wersji zapoznawczej w menu profilu użytkownika. Dodaje proste centrum, które jest wyświetlane tylko po włączeniu funkcji "ABC". Funkcję można włączać i wyłączać dla poszczególnych użytkowników lub organizacji.
Centrum Piasta Dodaje centrum o nazwie Sample Hub do grupy Centrum potoków . Przykładowe centrum znajduje się na stronie na poziomie projektu w obszarze elementu nawigacji Potoki .
Menu Element menu Definicja kompilacji Dodaje element menu przykładowej definicji kompilacji do centrum Kompilacje w menu akcji rozwijanych. Procedura obsługi menu pobiera bieżącą definicję kompilacji z przekazanego kontekstu, wykonuje wywołanie REST, a następnie wyświetla wynik w polu komunikatu.
Panel Zawartość panelu, centrum Zastosowane w przykładzie centrum . Zawiera przycisk przełącznika wraz z przyciskami OK i Anuluj . Może służyć jako niestandardowa zawartość panelu lub okna dialogowego.
Karta sieci Web Dodaje kartę Przykładowa tabela przestawna do strony głównej kolekcji projektów lub organizacji obok pozycji Projekty, Moje elementy robocze i Moje żądania ściągnięcia.
Pigułki Dostawca pigułki Dodaje pigułki do tytułu strony Definicja potoku (uruchomienia).
QueryParamsHandler Subskrypcja zdarzeń Dodaje usługę, która ładuje się na dowolnej stronie za każdym razem showMyPanel , gdy parametr zapytania występuje w adresie URL po załadowaniu dowolnej strony. Usługa uruchamiania wyświetla panel niestandardowy z przykładu Panel przy użyciu opcjonalnego myPanelTitle parametru zapytania jako tytułu panelu.
RepositoryActions Element menu Dodaje element menu akcji Przykładowe repozytorium do selektora repozytorium w nagłówku stron centrum kodu. Jeśli właściwość jest wyświetlana href , wybierz akcję, aby przejść do danego adresu URL. Jeśli właściwość jest podana uri , ten kod jest wykonywany po wybraniu akcji.
RepositoryServiceHub Piasta Dodaje centrum informacji o repozytorium do grupy Centrum kodu. Demonstruje sposób interakcji z usługą , IVersionControlRepositoryService aby uzyskać podstawowe informacje o repozytorium Git użytkownika.
WorkItemFormGroup Grupa formularzy elementów roboczych Dodaje do formularza elementu roboczego rozszerzenie przykładowej grupy formularzy workItem, aby pokazać, jak korzystać z IWorkItemFormService usługi i IWorkItemNotificationListener. Udostępnia interfejs użytkownika, aby pokazać przypadek zmiany wartości pól przy użyciu usługi formularzy i wyświetlania zdarzeń powiadomień o formularzu elementu roboczego.
WorkItemOpen Piasta Dodaje przykładowe centrum WorkItem Open do grupy centrum Boards , aby pokazać, jak korzystać z IWorkItemFormNavigationService usługi. Udostępnia interfejs użytkownika umożliwiający otwarcie istniejącego elementu roboczego według identyfikatora lub otwarcie formularza elementu roboczego dla nowego elementu roboczego według typu elementu roboczego. Każda z tych opcji otwiera okno dialogowe w ramce hosta.

Przykłady usługi DevLabs

Inne przykłady typu open source, które mogą Cię zainteresować.

Przykład Źródło Udziały opis
Kalendarz zespołu GitHub Centrum, źródła zdarzeń Śledź zdarzenia ważne dla zespołu, wyświetlaj dni wolnych i zarządzaj nimi, szybko zobacz, kiedy przebiegi zaczynają się i kończą, i nie tylko.
WSJF (ważone najkrótsze zadanie pierwsze) GitHub Powiadomienie (element roboczy), akcja menu kontekstowego (element roboczy) Automatycznie oblicza WSJF (najpierw ważone najkrótsze zadanie) na element roboczy i przechowuje je w polu elementu roboczego.
Listy kaskadowe GitHub Formularz elementu roboczego Zdefiniuj zachowanie kaskadowe dla list wyboru w formularzu elementu roboczego.
Retrospektywy GitHub Piasta Środowisko pierwszej klasy dla retrospektyw i ogólnych scenariuszy tablicy opinii. Zbieraj opinie na temat punktów kontrolnych projektu, organizuj i ustalaj priorytety oraz twórz i śledź zadania umożliwiające podejmowanie działań, które mogą pomóc zespołowi w ulepszaniu w czasie.
Oszacowanie GitHub Menu akcji centrum, elementu roboczego Graj w pokera planowania w usłudze Azure DevOps. Wybierz pracę z iteracji, zapytania lub listy prac, szacuj nakład pracy tych elementów z zespołem i natychmiast zaktualizuj elementy robocze.
Kontrolka wielowartościowa GitHub Formularz elementu roboczego Kontrolka formularza elementu roboczego, która umożliwia wybór wielu wartości.
Zadania rozszerzenia usługi Azure DevOps GitHub Zadania kompilacji i wydawania Zadania usługi Azure Pipelines służące do tworzenia pakietów i publikowania rozszerzeń usług Azure Devops i Visual Studio w witrynie Visual Studio Marketplace.

Rozpocznij

Aby rozpocząć pracę tak szybko, jak to możliwe, użyj projektu inicjowania zawierającego pliki wymagane do skompilowania rozszerzenia przy użyciu języka TypeScript. Istnieje skrypt gruntu do automatyzowania kompilowania, pakowania i publikowania rozszerzenia.