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. |
Oś | 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.