모델 기반 앱의 사용자 지정 페이지에 코드 구성 요소 추가

아티클
03/16/2023

이 문서에서는 사용자 지정 페이지 내에서 Power Apps Component Framework를 사용하여 전문 개발자가 빌드한 코드 구성 요소의 사용을 간략하게 설명합니다. 낮은 코드 사용자 지정 UX 확장성은 모델 기반 앱의 사용자 지정 페이지에 캔버스 구성 요소 추가를 참조하세요.

중요

사용자 지정 페이지는 중요한 제품 변경 사항이 포함된 새로운 기능이며 현재 사용자 지정 페이지의 알려진 문제에 설명된 여러 알려진 제한 사항이 있습니다.

참고

사용자 지정 페이지는 현재 캔버스 앱에 지원되는 모든 Component Framework API를 지원합니다.
WebAPI 및 Navigation과 같은 특정 모델 기반 앱 특정 API는 사용자 지정 페이지에 대한 앱 지원을 게시했습니다. 이러한 API는 사용자 지정 페이지의 코드 구성 요소에서 사용할 수 있으며 최종 게시된 앱에서 작동합니다.
각 플랫폼의 개별 API 지원 상태는 Power Apps Component Framework API 참조를 참조하세요.

코드 구성 요소는 전문 개발자가 앱 내에서 사용할 사용자 지정 코드 구성 요소를 만들 수 있는 기능을 제공합니다. 이 프로 코드 확장성 메커니즘은 최고 수준의 ALM(애플리케이션 수명 주기 관리)을 제공하여 조직 전체의 모든 앱 제작자가 사용할 수 있는 구성 요소를 원활하게 확장합니다. 코드 구성 요소는 사용자 지정 페이지, 캔버스 및 모델 기반 앱에서 재사용할 수 있습니다. 표준 Microsoft Dataverse 솔루션을 사용하여 중앙에서 업데이트, 패키징 및 이동할 수 있습니다. 추가 정보: Power Apps component framework 개요

사용자 지정 페이지에 대해 Power Apps Component Framework 사용

사용자 지정 페이지 내에서 코드 구성 요소를 사용하려면 Power Apps Component Framework 기능을 사용해야 합니다. 추가 정보: Power Apps Component Framework 기능 사용

사용자 지정 페이지에서 사용할 코드 구성 요소 만들기

이 섹션에서는 코드 구성 요소를 만들고 가져오고 테스트하는 방법을 간략하게 설명합니다.

Dataverse에서 코드 구성 요소 만들기 및 가져오기

사용자 지정 페이지의 코드 구성 요소는 캔버스 앱과 동일한 패턴을 따릅니다. 코드 구성 요소를 사용자 지정 페이지에 추가하려면 먼저 구현해야 합니다. 코드 구성 요소를 만들려면 첫 번째 구성 요소 만들기를 참조하세요.

OOB 샘플 구성 요소를 시도하여 바로 시작할 수도 있습니다. 코드 구성 요소 구현이 완료되면 솔루션으로 패키징하고 Dataverse에 추가하여 모델 기반 및 캔버스 앱과 함께 모든 사용자 지정 페이지에서 사용할 수 있습니다. 추가 정보: 코드 구성 요소 애플리케이션 수명 주기 관리(ALM).

사용자 지정 페이지에서 코드 구성 요소 가져오기 및 사용

환경에서 사용자 지정 페이지는 솔루션을 사용하여 이전에 Dataverse로 가져온 모든 코드 구성 요소를 사용할 수 있습니다. 왼쪽 창에서 추가(+) 를 선택한 다음 페이지 하단에서 추가 구성 요소 가져오기를 선택합니다. 환경에 있는 모든 코드 구성 요소를 보여주는 구성 요소 가져오기 창에 코드 탭이 표시됩니다.

참고

코드 탭이 구성 요소 가져오기 창에 표시되지 않으면 캔버스 앱에 대한 Power Apps Component Framework 기능 설정이 사용되어 있는지 확인합니다. 추가 정보: Power Apps Component Framework 기능 사용
또한 최신 캔버스 앱 스튜디오 저작 버전에서 작업하고 있는지 확인하세요.

새로 추가된 코드 구성 요소는 이제 코드 구성 요소 섹션에서 사용할 수 있습니다. 사용자 지정 페이지에 추가할 수 있습니다.

스튜디오 및 게시된 앱 내부의 코드 구성 요소 테스트

캔버스 앱과 마찬가지로 코드 구성 요소는 대화형이며 사용자 지정 페이지 스튜디오 제작 환경에서 테스트할 수 있습니다. 그러나 호출 시 사용자 지정 페이지 런타임만 지원하는 Web APIs 및 Navigation와 같은 특정 API는 "메서드가 구현되지 않았습니다."라는 오류 메시지를 표시합니다.