Поделиться через

Примеры расширений

Сервисы Azure DevOps | Azure DevOps Server | Azure DevOps Server 2022

Используйте эти примеры в качестве отправных точек для собственных расширений. Каждый пример демонстрирует небольшое количество вкладов, чтобы увидеть, как они работают в изоляции. Весь исходный код находится в репозитории примеров расширений Azure DevOps.

Совет

Для получения последних рекомендаций по разработке расширений, включая темизацию и миграцию из VSS.SDK, смотрите на портале разработчика пакета SDK для расширений Azure DevOps.

В следующей таблице перечислены примеры в репозитории и типы вкладов, которые демонстрирует каждый из них.

Пример Участие в проекте Описание
BreadcrumbService Служба хлебных крошек, Концентратор Добавляет службу хлебных крошек, которая добавляет Пример элемента хлебных крошек в пример концентратора. Чтобы просмотреть этот элемент, перейдите в центр Пример в группе концентраторов Pipelines.
CodeEditorContribution Редактор кода Добавляет определение языка и схему JSON для редактора кода.
Функция Функция, концентратор, поставщик свойств Показывает, как подключиться к панели функций предварительной версии в меню профиля пользователя. Добавляет простой центр, который отображается только при включении функции "ABC". Вы можете включить и отключить функцию для каждого пользователя или организации.
Хаб Центр Добавляет концентратор с именем Sample Hub в группу концентраторов Pipelines . Образец Hub находится на странице уровня проекта под элементом навигации Pipelines.
Menu Элемент меню "Конфигурация сборки" Добавляет элемент меню определения сборки образца в концентраторе сборки в раскрывающемся меню действий. Обработчик меню получает текущее определение сборки из переданного контекста, выполняет вызов REST, а затем отображает результат в поле сообщения.
Панель Содержимое панели, Хаб Применяется в примере Концентратора. Содержит кнопку переключателя вместе с кнопками "ОК " и "Отмена ". Можно использовать как настраиваемую панель или содержимое диалогового окна.
Сводка Веб-вкладка Добавляет вкладку Пример сводки на домашнюю страницу организации или коллекции проектов, рядом с проектами, Мои рабочие элементы и Мои запросы на вытягивание.
Таблетки Поставщик таблетки Добавляет таблетки на заголовок страницы определения конвейера (выполняется).
QueryParamsHandler Подписка на событие Добавляет службу, которая загружается на любой странице, если в URL-адресе присутствует параметр запроса во время загрузки страницы. Сервис автозагрузки отображает настраиваемую панель из примерного шаблона Панели, используя необязательный параметр запроса myPanelTitle в качестве заголовка панели.
ДействияРепозитория Пункт меню Добавляет элемент меню примера действия репозитория в средство выбора репозитория, расположенное в заголовке страниц хаба кода. href Если свойство отображается, выберите действие, чтобы перейти к указанному URL-адресу. uri Если свойство предоставлено, этот код выполняется при выборе действия.
РепозиторийServiceHub Центр Добавляет центр сведений о репозитории в группу центров кода. Демонстрирует, как взаимодействовать с IVersionControlRepositoryService, чтобы получить основные сведения о репозитории Git пользователя.
WorkItemFormGroup Группа форм рабочих элементов Добавляет расширение группы формы WorkItem к форме рабочего элемента, чтобы показать, как взаимодействовать со службой IWorkItemFormService и IWorkItemNotificationListener. Предоставляет пользовательский интерфейс, чтобы показать, как изменять значения полей с помощью службы форм и отображать события уведомлений формы рабочего элемента.
WorkItemOpen Центр Добавляет центр Sample WorkItem Open в группу центров Boards, чтобы показать, как взаимодействовать со службой IWorkItemFormNavigationService. Предоставляет пользовательский интерфейс для открытия существующего рабочего элемента по идентификатору или открытия формы рабочего элемента для нового рабочего элемента по типу рабочего элемента. Любой из этих вариантов открывает диалоговое окно в основном кадре.

Примеры сообщества (DevLabs)

Эти расширения с открытым кодом из Microsoft DevLabs показывают реальные шаблоны, которые можно адаптировать.

Пример Источник Участие в проекте Описание
Командный календарь GitHub Концентратор, источники событий Отслеживайте события, важные для вашей команды, просматривайте и управляйте выходными днями, быстро узнать, когда спринты начинаются и заканчиваются, и многое другое.
WSJF (взвешенное самое короткое задание) GitHub Уведомление (рабочий элемент), действие контекстного меню (рабочий элемент) Автоматически вычисляет WSJF (взвешенное кратчайшее задание в первую очередь) для каждого рабочего элемента и сохраняет его в соответствующем поле этого элемента.
Каскадные списки GitHub Форма рабочего элемента Определите каскадное поведение для списков выбора в форме рабочего элемента.
Ретроспективы GitHub Центр Опыт первого класса для ретроспектив и общих сценариев обратной связи. Собирайте отзывы о этапах проекта, организуйте и расставляйте приоритеты, а также создавайте и отслеживайте выполнимые задачи, которые помогут вашей команде улучшаться со временем.
Оценка GitHub Меню действий центра, рабочего элемента Играйте в Покер для планирования в Azure DevOps. Выберите работу из итерации, запроса или невыполненной работы, оцените усилия этих элементов с командой и немедленно обновите рабочие элементы.
Элемент управления с несколькими значениями GitHub Форма рабочего элемента Элемент управления формой рабочего элемента, который позволяет выбрать несколько значений.
Задачи расширения Azure DevOps GitHub Задачи по сборке и выпуску Задачи Azure Pipelines по упаковке и публикации расширений Azure DevOps и Visual Studio в магазине Visual Studio Marketplace.

Начало работы

Пошаговое руководство см. в статье "Разработка веб-расширения". Вы также можете клонировать пример репозитория расширения Azure DevOps и использовать любой пример в качестве начального шаблона.

Связанный контент

  • Last updated on