Power Pages에서 코드 구성 요소 사용

Power Apps component framework는 전문 개발자와 앱 제작자가 모델 기반 및 캔버스 앱을 위한 코드 구성 요소를 만들 수 있도록 합니다. 이런 코드 구성 요소는 양식, 보기, 대시보드에서 데이터 작업을 하는 사용자에게 많은 도움을 줍니다. 추가 정보: Power Apps component framework 개요

Power Pages는 이제 Power Apps component framework를 사용하여 만든 모델 기반 앱용으로 빌드된 컨트롤을 지원합니다. Power Pages 사이트 웹 페이지에서 코드 구성 요소를 사용하려면 다음 단계를 따르세요.

구성 요소 프레임워크를 이용하여 코드 구성 요소를 만든 다음, 모델 기반 앱 양식에 코드 구성 요소를 추가하고, 포털용 기본 양식 안에 코드 구성 요소 필드를 구성합니다.

이 단계를 완료한 다음 사용자는 이제 각각의 양식 구성 요소가 있는 웹 페이지를 사용하여 코드 구성 요소와 상호 작용할 수 있습니다.

전제 조건

  • 환경에서 코드 구성 요소 기능을 활성화하려면 시스템 관리자 권한이 있어야 합니다.
  • Power Pages 사이트 버전은 9.3.3.x 이상이어야 합니다.
  • 스타터 사이트 패키지는 9.2.2103.x 이상이어야 합니다.

코드 구성 요소 생성 및 패키징

생성된 Power Apps component framework 생성 및 코드 구성 요소 패키징에 대해 알아보려면 첫 번째 구성 요소 만들기로 이동하세요.

지원되는 필드 유형 및 형식

Power Pages는 코드 구성 요소 사용을 위해 제한된 필드 유형 및 형식을 지원합니다. 다음 표에는 지원되는 모든 필드 데이터 유형 및 형식이 나열되어 있습니다.

통화

DateAndTime.DateAndTime

DateAndTime.DateOnly

10진

열거형

부동 소수점 수

여러

옵션 집합

SingleLine.Email

SingleLine.Phone

SingleLine.Text

SingleLine.TextArea

SingleLine.Ticker

SingleLine.URL

TwoOptions

전체

추가 정보: 특성 목록 및 설명

Power Pages의 지원되지 않는 코드 구성 요소

모델 기반 앱의 필드에 코드 구성 요소 추가

모델 기반 앱의 필드에 코드 구성 요소를 추가하는 방법을 알아보려면 필드에 코드 구성 요소 추가로 이동하세요.

중요

Power Pages의 코드 구성 요소는 의 클라이언트 옵션을 사용하는 웹 브라우저에서 사용할 수 있습니다.

데이터 작업 영역을 사용하여 양식에 코드 구성 요소를 추가할 수도 있습니다.

  1. 데이터 작업 영역 양식 디자이너에서 Dataverse 양식을 편집할 때 필드를 선택하십시오.

  2. + 구성 요소를 선택하고 필드에 적합한 구성 요소를 선택합니다.

    양식에 구성 요소를 추가합니다.

  3. 저장양식 게시를 선택합니다.

코드 구성 요소에 대한 Power Pages 사이트 구성

코드 구성 요소가 모델 기반 앱에 있는 필드에 추가된 다음 양식에서 코드 구성 요소를 사용하도록 Power Pages를 구성할 수 있습니다.

코드 구성 요소를 활성화하는 방법에는 두 가지가 있습니다.

디자인 스튜디오에서 코드 구성 요소 활성화

디자인 스튜디오를 사용하여 양식에서 코드 구성 요소를 활성화합니다.

  1. 양식이 페이지에 추가된 후 코드 구성 요소가 추가된 필드를 선택하고 필드 편집을 선택합니다.

  2. 사용자 지정 구성 요소 활성화 필드를 선택합니다.

    디자인 스튜디오에서 사용자 지정 구성 요소를 활성화합니다.

  3. 사이트를 미리 보면 사용자 지정 구성 요소가 활성화된 것을 볼 수 있습니다.

포탈 관리 앱에서 코드 구성 요소 활성화

포탈 관리 앱을 사용하여 기본 양식에 코드 구성 요소를 추가하려면:

  1. 포털 관리 앱을 엽니다.

  2. 왼쪽 창에서 기본 양식을 선택합니다.

  3. 코드 구성 요소를 추가하려는 양식을 선택합니다.

  4. 관련을 선택합니다.

  5. 기본 양식 메타데이터를 선택합니다.

  6. 새로운 기본 양식 메타데이터를 선택합니다.

  7. 유형특성으로 선택합니다.

  8. 특성 논리적 이름을 선택합니다.

  9. 레이블을 입력합니다.

  10. 컨트롤 스타일에 대해 코드 구성 요소를 선택합니다.

  11. 양식을 저장하고 닫습니다.

포털 Web API를 사용하는 코드 구성 요소

포털 웹 API를 사용하여 작성, 검색, 업데이트, 삭제 작업을 할 수 있는 웹페이지에 코드 구성 요소를 작성하고 추가할 수 있습니다. 이 기능을 사용하면 포털 솔루션을 개발할 때 더 많은 사용자 지정 옵션을 사용할 수 있습니다. 자세한 내용은 샘플 포털 웹 API 구성 요소 구현으로 이동하세요.

다음 단계

자습서: 포털의 코드 구성 요소 사용

참고 항목: