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ę wkładów dla każdej próbki, aby zwiększyć zrozumienie ramy 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 nawigacji ścieżkowej, Centrum | Dodaje usługę nawigacji ścieżkowej, która dodaje "Przykładowy element nawigacji ścieżkowej" do centrum próbek. Aby wyświetlić ten element, przejdź do Sample Hub w grupie Centrum Pipelines. |
| Wkład edytora kodu | Edytor kodu | Dodaje definicję języka i schemat JSON dla edytora kodu. |
| Funkcja | Funkcja, Centrum, Dostawca Nieruchomości | Pokazuje, jak uzyskać dostęp 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 | Hub | Dodaje centrum o nazwie Sample Hub do grupy hubów Potoki. Centrum przykładowe znajduje się na stronie poziomu projektu, w obszarze elementu nawigacyjnego Pipelines. |
| Menu | Pozycja menu Definicja budowania | Dodaje element menu Przykładowa definicja kompilacji do centrum Kompilacje w menu akcji rozwijanego. 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 Hub. 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 kart Projekty, Moje robocze elementy, i Moje pull requesty. |
| 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, gdy tylko parametr zapytania showMyPanel jest obecny w adresie URL podczas ładowania którejkolwiek strony. Usługa uruchamiania wyświetla panel niestandardowy z przykładu Panel przy użyciu opcjonalnego myPanelTitle parametru zapytania jako tytułu panelu. |
| RepositoryActions | Pozycja menu | Dodaje pozycję menu Przykładowa akcja repozytorium do selektora repozytorium w nagłówku stron centrum kodu. Jeśli właściwość href jest wyświetlana, wybierz akcję, aby przejść do danego adresu URL. Jeśli właściwość jest podana uri , ten kod jest wykonywany po wybraniu akcji. |
| RepositoryServiceHub | Hub | Dodaje centrum informacji o repozytorium do grupy centrów Kod. Demonstruje, jak wchodzić w interakcję z IVersionControlRepositoryService, aby uzyskać podstawowe informacje o repozytorium Git użytkownika. |
| WorkItemFormGroup | Grupa formularzy elementów roboczych | Dodaje rozszerzenie "Przykładowa Grupa Formularzy Elementu Roboczego" do formularza elementu roboczego, aby pokazać, jak korzystać z usługi IWorkItemFormService i IWorkItemNotificationListener. Udostępnia interfejs użytkownika, aby zaprezentować sposób zmiany wartości pól za pomocą usługi formularzy i wyświetlania zdarzeń powiadomień formularza elementu pracy. |
| WorkItemOpen | Piasta | Dodaje przykładową hubę 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ź wydarzenia ważne dla zespołu, wyświetlaj i zarządzaj dniami wolnymi, szybko zobacz, kiedy sprinty zaczynają się i kończą, i wiele więcej. |
| WSJF (ważone najkrótsze zadanie pierwsze) | GitHub | Powiadomienie (element roboczy), akcja menu kontekstowego (element roboczy) | Automatycznie oblicza WSJF (ważona najkrótsza praca jako pierwsza) dla każdego elementu roboczego 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 | Koncentrator | Doświadczenie pierwszej klasy dla retrospektyw i ogólnych sytuacji związanych z tablicą opinii zwrotnych. 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 hubu, elementu roboczego | Graj w Planowanie Pokera w Azure DevOps. Wybierz pracę z iteracji, zapytania lub backlogu, oszacuj nakład pracy tych elementów wraz z zespołem i natychmiast zaktualizuj te elementy. |
| Kontrolka wielowartościowa | GitHub | Formularz zadania | 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 startowego zawierającego wszystkie pliki wymagane do skompilowania rozszerzenia w TypeScript. Istnieje skrypt gruntu do automatyzowania kompilowania, pakowania i publikowania rozszerzenia.