확장 샘플
Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019
샘플에서 작업하여 확장 개발을 시작합니다.
팁
Azure DevOps 확장 SDK를 사용하여 확장 개발에 대한 최신 설명서를 확인하세요.
다음 Microsoft 샘플에서는 확장 프레임워크의 기능과 다양한 영역에 기여하는 방법을 보여 있습니다. 각 샘플은 하나 이상의 기여를 보여 줍니다. 확장 프레임워크에 대한 이해를 높이기 위해 각 샘플에 대한 기여 횟수를 제한합니다. 원본 정보는 Azure DevOps 확장 샘플 리포지토리를 참조하세요.
| 예제 | 참여 | 설명 |
|---|---|---|
| BreadcrumbService | 이동 경로 서비스, 허브 | "샘플 이동 경로 항목"을 샘플 허브에 추가하는 이동 경로 경로를 추가합니다. 이 항목을 보려면 파이프라인 허브 그룹의 샘플 허브로 이동합니다. |
| CodeEditorContribution | 코드 편집기 | 코드 편집기용 언어 정의 및 JSON 스키마를 추가합니다. |
| 기능 | 기능, 허브, 속성 공급자 | 사용자 프로필 메뉴 아래의 미리 보기 기능 패널에 연결하는 방법을 보여줍니다. "ABC" 기능을 켤 때만 표시되는 간단한 허브를 추가합니다. 사용자별 또는 조직별로 기능을 설정/해제할 수 있습니다. |
| 허브 | 허브 | 파이프라인 허브 그룹에 샘플 허브라는 허브를 추가합니다. 샘플 허브는 파이프라인 탐색 요소 아래의 프로젝트 수준 페이지에 있습니다 . |
| 메뉴 | 빌드 정의 메뉴 항목 | 드롭다운 작업 메뉴의 빌드 허브에 샘플 빌드 정의 메뉴 항목을 추가합니다. 메뉴 처리기는 전달된 컨텍스트에서 현재 빌드 정의를 가져오고 REST를 호출한 다음 메시지 상자에 결과를 표시합니다. |
| 패널 | 패널 콘텐츠, 허브 | 허브 샘플 내에 적용됩니다. 확인 및 취소 단추와 함께 토글 단추를 포함합니다. 사용자 지정 패널 또는 대화 상자 콘텐츠로 사용할 수 있습니다. |
| 피벗 | 웹 탭 | 프로젝트, 내 작업 항목 및 내 끌어오기 요청 옆에 있는 조직 또는 프로젝트 컬렉션 홈 페이지에 샘플 피벗 탭을 추가합니다. |
| 알약 | 환약 공급자 | 파이프라인 정의(실행) 페이지의 제목에 약을 추가합니다. |
| QueryParamsHandler | 이벤트 구독 | 페이지가 로드될 때 쿼리 매개 변수가 URL에 표시될 때마다 showMyPanel 모든 페이지에 로드되는 서비스를 추가합니다. 시작 서비스는 패널 제목으로 선택적 myPanelTitle 쿼리 매개 변수를 사용하여 패널 샘플의 사용자 지정 패널을 표시합니다. |
| RepositoryActions | 메뉴 항목 | 코드 허브 페이지의 헤더에 있는 리포지토리 선택기에서 샘플 리포지토리 작업 메뉴 항목을 추가합니다. 속성이 href 표시되면 지정된 URL로 이동하는 작업을 선택합니다. 속성이 uri 제공되면 작업을 선택하면 해당 코드가 실행됩니다. |
| RepositoryServiceHub | 허브 | 코드 허브 그룹에 리포지토리 정보 허브를 추가합니다. 사용자의 Git 리포지토리에 IVersionControlRepositoryService 대한 기본 정보를 얻기 위해 상호 작용하는 방법을 보여 줍니다. |
| WorkItemFormGroup | 작업 항목 양식 그룹 | 작업 항목 양식에 샘플 WorkItem 양식 그룹 확장을 추가하여 서비스와 상호 작용하는 IWorkItemFormService 방법 및 IWorkItemNotificationListener. 양식 서비스를 사용하여 필드 값을 변경하고 작업 항목 양식 알림 이벤트를 표시하는 방법을 사례에 표시하는 UI를 제공합니다. |
| WorkItemOpen | 허브 | 샘플 WorkItem Open Hub를 Boards 허브 그룹에 추가하여 서비스와 상호 작용하는 IWorkItemFormNavigationService 방법을 보여 줍니다. ID별로 기존 작업 항목을 열거나 작업 항목 유형별로 새 작업 항목에 대한 작업 항목 양식을 열 수 있는 UI를 제공합니다. 이러한 옵션 중 하나가 호스트 프레임에서 대화 상자를 엽니다. |
DevLabs 예제
관심 있는 다른 오픈 소스 예제입니다.
| 예제 | Source | 참여 | 설명 |
|---|---|---|---|
| Team Calendar(팀 일정) | GitHub | 허브, 이벤트 원본 | 팀에 중요한 이벤트를 추적하고, 휴가를 보고 관리하고, 스프린트가 언제 시작되고 끝나는지 빠르게 확인합니다. |
| WSJF(가중치가 가장 짧은 작업 우선) | GitHub | 알림(작업 항목), 상황에 맞는 메뉴 작업(작업 항목) | 자동은 작업 항목당 WSJF(가장 짧은 작업 가중치)를 계산하여 작업 항목 필드에 저장합니다. |
| 연계 목록 | GitHub | 작업 항목 양식 | 작업 항목 양식에서 선택 목록에 대한 연계 동작을 정의합니다. |
| Retrospectives(회고) | GitHub | 허브 | 회고 및 일반 피드백 보드 시나리오에 대한 일류 환경입니다. 프로젝트 마일스톤에 대한 피드백을 수집하고, 구성 및 우선 순위를 지정하고, 실행 가능한 작업을 만들고 추적하면 시간이 지남에 따라 팀이 개선할 수 있습니다. |
| 평가하다 | GitHub | 허브, 작업 항목 작업 메뉴 | Azure DevOps에서 계획 포커를 재생합니다. 반복, 쿼리 또는 백로그에서 작업을 선택하고, 팀과 함께 해당 항목의 노력을 예측하고, 작업 항목을 즉시 업데이트합니다. |
| 다중값 컨트롤 | GitHub | 작업 항목 양식 | 여러 값을 선택할 수 있는 작업 항목 양식 컨트롤입니다. |
| Azure DevOps 확장 작업 | GitHub | 빌드 및 릴리스 작업 | Visual Studio Marketplace에 Azure Devops 및 Visual Studio 확장을 패키징하고 게시하기 위한 Azure Pipelines 작업입니다. |
시작하기
가능한 한 빨리 시작하려면 TypeScript를 사용하여 확장을 빌드하는 데 필요한 파일이 포함된 시드 프로젝트를 사용합니다. 확장을 빌드, 패키징 및 게시하는 작업을 자동화하는 스크립트가 있습니다.