도구 확장에 iFrame 추가
해당 문서에 Windows Admin Center CLI를 사용하여 만든 빈 새 도구 확장에 iFrame을 추가합니다.
사용자 환경 준비하기
아직 개발하지 않은 경우, 도구 확장 개발 지침에 따라 환경을 준비하고 비어 있는 새 도구 확장을 만듭니다.
프로젝트에 모듈 추가하기
프로젝트에 빈 모듈을 새로 추가합니다. 다음 단계에서 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 Admin Center에서 확장을 빌드하고 사이드 로드하여 결과를 확인할 수 있습니다.
참고 항목
CSP(콘텐츠 보안 정책) 설정으로 일부 사이트가 Windows Admin Center 내 iFrame에서 렌더링되지 않을 수 있습니다. 여기에서 자세한 내용을 알아볼 수 있습니다.