모델기반앱에 캔버스앱 삽입 2 - Iframe으로 만들어 대시보드에 삽입

1. 모델기반앱에 캔버스앱 삽입 2 - Iframe으로 만들어 대시보드에 삽입

모델기반앱에서 캔버스 앱을 삽입하여 사용하는 방법 중 Iframe으로 만들어 삽입하는 방법을 다룬다. 여기서 사용하는 페이지는 대시보드를 사용한다.

캔버스 앱 웹 링크 확인

1. Power Apps의 '앱' 메뉴에서 삽입하려는 앱을 선택. 우상단 자세히 를 클릭 혹은 ... -> 자세히 클릭
   
   
   
2. '웹 링크' 항목의 값을 복사한다.
   
   
   

대시보드 만들기

1. 파워앱스에서 대시보드를 만들고 관리할 솔루션 페이지로 들어간다. 만약 없다면 새로 생성하자
   
   
   
2. +신규 -> 대시보드 -> {원하 열의 개수}개요. (필자는 2열 개요를 선택)
   
   
   
3. 대시보드의 '이름'을 입력후 '섹션'에서 한개의 영역을 선택 후 Ifrmae을 클릭하거나 아이콘을 클릭한다.
   
   
4. 'URL' 항목에 복사한 '캠버스 앱 웹 링크'를 입력한다.
   그 후 캔버스 앱의 스크립트 기능을 제한하지 않도록 '보안' 항목을 체크해제 한다.
   만약 모바일에서도 보이게 하려면 더 아래로 내려 '표시영역'의 '모바일에서 사용'을 체크 한다.
   
   
   
5. 대시보드를 저장하고 닫는다.
   
   
   
6. 만든 대시보드를 선택 후 게시를 클릭하거나 ... -> 게시 클릭
   
   
   
7. 게시가 완료되는것을 확인한다.
   
   
   

모델 기반 앱에 대시보드 추가

1. 모델 기반 앱 편집창(프리뷰)에서 + 페이지 추가 클릭
   
   
2. '페이지 유형 선택' 항목에서 대시보드를 선택 후 다음
   
   
3. '대시보드 선택'에서 새로 만들었던 대시보드를 선택 후 추가 클릭
   
4. 그 후 '대시보드'가 추가되며 캔버스 앱이 포함되어 있는 것을 확인 가능하다.