다음을 통해 공유

개발 환경 준비

  • 아티클
  • 적용 대상:
    ✅ Windows Admin Center, ✅ Windows Admin Center Preview

Windows Admin Center SDK를 사용한 확장 개발을 시작해 봅시다! 해당 문서는 Windows Admin Center에 대한 확장을 빌드하고 테스트하기 위해 환경을 설정하고 실행하는 프로세스를 설명합니다.

참고 항목

Windows Admin Center SDK를 처음 사용하시나요? Windows Admin Center 확장을 시작하는 방법 알아보기

개발 환경을 준비하려면 다음 작업을 완료하세요.

필수 구성 요소 설치

SDK로 개발을 시작하려면 다음 필수 구성 요소를 다운로드하여 설치합니다.

.NET 8로 실행되는 Windows Admin Center 버전에서 확장 설치 중에 발생하는 서명 유효성 검사를 무시하려면 Windows Admin Center 작업 모드도 "개발"로 전환해야 합니다. 개발 모드를 구성하려면 다음을 수행해야 합니다.

  • Windows Admin Center 인스턴스의 appsettings.json 파일을 엽니다. 기본적으로 이 항목은 C:\Program Files\WindowsAdminCenter\service\appsettings.json에서 찾을 수 있습니다.
  • WindowsAdminCenter/System 섹션 아래의 OperationMode 필드를 수정하여 "프로덕션" 대신 "개발"이 읽히도록 수정합니다.

참고 항목

.NET 4.6.2를 사용하여 Windows Admin Center 버전에서 확장을 개발하려면 아래 단계를 수행하려면 개발자 모드에서 Windows Admin Center를 설치하고 실행해야 합니다. 개발 모드를 사용하면 Windows Admin Center에서 서명되지 않은 확장 패키지를 로드할 수 있습니다. Windows Admin Center는 Windows 10 컴퓨터의 개발 모드에서만 설치 가능합니다.

개발 모드를 사용하도록 설정하려면 매개 변수 DEV_MODE=1을 사용하여 명령줄에서 Windows Admin Center를 설치합니다. 아래 예제에서 <version>을/를 설치 중인 버전(예: WindowsAdminCenter1809.msi)로 바꾸세요.

msiexec /i WindowsAdminCenter<version>.msi DEV_MODE=1

개발자 모드를 사용하도록 설정하지 않고 Windows Admin Center를 이미 설치한 경우 레지스트리 편집기를 사용하여 개발 모드 속성의 값을 편집할 수 있습니다. Windows Admin Center의 속성은 다음 경로에서 찾을 수 있습니다.

Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\ServerManagementGateway

전역 종속성 설치하기

다음으로 노드 패키지 관리자를 사용하여 프로젝트에 필요한 종속성을 설치하거나 업데이트합니다. 이러한 종속성은 전역적으로 설치되며, 모든 프로젝트에 사용할 수 있습니다.

npm install -g @angular/cli@11.2.14

npm install -g gulp
npm install -g typescript
npm install -g tslint
npm install -g @microsoft/windows-admin-center-sdk@latest

참고 항목

이후 @angular/cli의 최신 버전을 설치할 수는 있으나 11.2.14보다 큰 버전을 설치하는 경우 gulp 빌드 단계에서 로컬 cli 버전이 설치된 버전과 일치하지 않는다는 경고가 표시됩니다.

다음 단계

이제 환경이 준비되었습니다. 콘텐츠 만들기를 시작할 수 있습니다.

SDK 디자인 도구 키트

Windows Admin Center SDK 디자인 도구 키트를 확인하세요! 다음 도구 키트는 Windows Admin Center 스타일, 컨트롤 및 페이지 템플릿을 사용하여 PowerPoint에서 빠르게 확장을 모의할 수 있도록 설계되었습니다. 코딩을 시작하기 전에 Windows Admin Center에서 확장의 형태를 확인해 보세요!