다음을 통해 공유


샘플 포털 웹 API 구성 요소 구현

참고

2022년 10월 12일부터 Power Apps 포털이 Power Pages가 됩니다. 추가 정보: Microsoft Power Pages는 이제 일반적으로 사용할 수 있습니다(블로그)
곧 Power Apps 포털 설명서를 마이그레이션하고 Power Pages 설명서와 병합할 예정입니다.

다음은 포털 웹 API를 사용하여 생성, 검색, 업데이트 및 삭제 작업을 수행하는 코드 구성 요소를 구현하는 예입니다. 구성 요소는 클릭하여 다른 웹 API 작업을 호출할 수 있는 4개의 단추를 렌더링합니다. 웹 API 호출의 결과는 코드 구성 요소의 맨 아래에 있는 HTML div 요소에 주입됩니다.

포털 웹 API를 사용하는 예제 구성 요소.

필수 항목

코드

여기에서 전체 샘플 구성 요소를 다운로드할 수 있습니다.

기본적으로 샘플에서 구성 요소는 웹 API 예제에서 이름 및 수익 필드 생성, 검색, 설정을 수행하도록 구성됩니다.

기본 구성을 테이블이나 열로 변경하려면 다음과 같이 아래 구성 값을 업데이트하십시오.

private static \_entityName = "account";

private static \_requiredAttributeName = "name";

private static \_requiredAttributeValue = "Web API Custom Control (Sample)";

private static \_currencyAttributeName = "revenue";

private static \_currencyAttributeNameFriendlyName = "annual revenue";

createRecord 메서드는 세 개의 단추를 렌더링하여 수익 필드가 다른 값(100, 200, 300)으로 설정된 계정 레코드를 생성할 수 있도록 합니다.

생성 단추 중 하나를 선택하면 단추의 onClick 이벤트 핸들러는 선택한 단추의 값을 확인하고 웹 API 작업을 사용하여 단추의 값으로 설정된 수익 필드로 계정 레코드를 생성합니다. 계정 레코드의 이름 필드는 웹 API 코드 구성 요소(샘플) 로 설정됩니다. 임의의 int가 문자열 끝에 추가됩니다. 웹 API 호출의 콜백 메서드는 호출 결과(성공 또는 실패)를 사용자 지정 컨트롤의 결과 div에 삽입합니다.

deleteRecord 메서드는 드롭다운에서 선택한 레코드를 삭제하는 단추를 렌더링합니다. 드롭다운 컨트롤을 사용하면 삭제할 계정 레코드를 선택할 수 있습니다. 드롭다운에서 계정 레코드를 선택하고 레코드 삭제 단추를 선택하면 레코드가 삭제됩니다. 웹 API 호출의 콜백 메서드는 호출 결과(성공 또는 실패)를 사용자 지정 컨트롤의 결과 div에 삽입합니다.

FetchXMLretrieveMultiple 메서드는 코드 구성 요소의 단추를 렌더링합니다. 이 단추의 onClick 메서드가 호출되면 FetchXML이 생성되어 모든 계정 레코드에 대한 수익 필드의 평균 값을 계산하기 위해 retrieveMultiple 함수로 전달됩니다. 웹 API 호출의 콜백 메서드는 호출 결과(성공 또는 실패)를 사용자 지정 컨트롤의 결과 div에 삽입합니다.

OData retrieveMultiple 메서드는 코드 구성 요소의 단추를 렌더링합니다. 이 단추의 onClick 메서드가 호출되면 OData 문자열이 생성되어 retrieveMultiple 함수로 전달됩니다. 그러면 코드 구성 요소 웹 API(샘플) 과 같은 이름 필드가 있는 모든 계정 레코드가 검색됩니다. 이는 이 코드 구성 요소에 의해 생성된 모든 계정 레코드에 대해 적용됩니다.

레코드를 성공적으로 검색하면 코드 구성 요소에는 수익 필드가 100, 200 또는 300으로 설정된 계정 레코드 수를 계산하고 이 수를 코드 구성 요소의 OData 상태 컨테이너 div에 표시하는 논리가 있습니다. 웹 API 호출의 콜백 메서드는 호출 결과(성공 또는 실패)를 사용자 지정 컨트롤의 결과 div에 삽입합니다.

참고 항목:

Power Apps component framework 개요
샘플 구성 요소 다운로드
샘플 구성 요소 사용 방법
첫 번째 구성 요소 만들기
모델 기반 앱의 필드 또는 테이블에 코드 구성 요소 추가
코드 구성 요소에 대한 Liquid 템플릿 태그
포털 웹 API

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).