도구 확장에 iFrame 추가

적용 대상: Windows 관리 Center, Windows 관리 Center 미리 보기

이 문서에서는 Windows 관리 Center CLI를 사용하여 만든 비어 있는 새로운 도구 확장에 iFrame을 추가합니다.

환경 준비

아직 개발하지 않은 경우 도구 확장 개발의 지침에 따라 환경을 준비하고 비어 있는 새 도구 확장을 만듭니다.

프로젝트에 빈 모듈을 새로 추가합니다. 이 모듈 은 다음 단계에서 iFrame을 추가합니다.

이제 방금 만든 비어 있는 새 모듈에 iFrame을 추가하겠습니다.

\src\app에서 모듈 폴더로 이동한 다음, 다음 명명 규칙과 함께 찾은 파일을 {!module-name}.component.html엽니다.

값	설명	파일 이름 예제
`{!module-name}`	모듈 이름(소문자, 대시로 바뀐 공백)	`manage-foo-works-portal.component.html`

html 파일에 다음 콘텐츠를 추가합니다.

<div>
  <iframe  style="height: 850px;" src="https://www.bing.com"></iframe>
</div>

확장에 iFrame을 추가했습니다. 다음으로 Windows 관리 센터에서 확장을 빌드하고 테스트용으로 로드하여 결과를 확인할 수 있습니다.

참고 항목

CSP(콘텐츠 보안 정책) 설정은 일부 사이트가 Windows 관리 Center 내의 iFrame에서 렌더링되는 것을 방지할 수 있습니다. 여기에서 이에 대해 자세히 알아볼 수 있습니다.