모델기반앱에 PowerApps 코드 구성요소(PCF) 적용 방법

모델기반앱에 PowerApps 코드 구성요소(PCF) 적용 방법

솔루션 파일 만들기

1. 코드 구성요소를 만든 폴더에서 솔루션의 이름으로 폴더를 생성한다.
2. 생성한 폴더에서 PowerShell을 열어 다음 명령어를 실행해 솔루션을 초기화한다.

pac solution init --publisher-name mslearn --publisher-prefix msl

3. 다음 명령어를 통해 코드 구성요소를 솔루션에 추가한다.(path 코드구성요소의 경로 적는다.)

pac solution add-reference --path ..

4. 다음 명령어를 실행해 zip 파일을 생성한다.(이 작업을 해야 솔루션으로 업로드가 가능하다.)

msbuild /t:build /restore

5. \bin\debug\ 폴더를 열어 {솔루션이름}.zip 파일이 생성되었는지 확인한다.

Power Apps 페이지에서 솔루션 업로드

1. Power Apps 페이지로 간다.
2. 솔루션 -> 가져오기를 클릭
   
   
3. 찾아보기 클릭후 생성한 솔루션을 찾아 다음을 클릭하면 된다.
   
   

모델기반 앱에 적용

모델 기반 앱에서 데이터를 입력하는 필드를 코드 구성요소를 사용해 변경해 본다.

1. 코드 구성요소를 적용하려는 열을 갖고 있는 테이블의 폼(양식)의 main 유형의 편집창으로 들어온다.
2. 상단의 클래식으로 전환을 클릭한다.(이때 미리 변경하려는 테이블 열을 추가해둔다.)
   
   
   
3. 클래식 양식의 편집창이 열린다. 이곳에서 변경하고 싶은 열을 선택 후속성변경 클릭 혹은 더블클릭
   
   
   
4. 컨트롤 탭으로 들어와 컨트롤 추가 클릭
   
   
   
5. 적용하려는 PowerApps 코드 구성요소(PCF)를 리스트에서 선택하고 '추가'를 클릭(현재는 코드 구성요소만이 아니라 추가할 수 있는 모든 종류가 리스트에 표시된다. 솔루션에 포함했던 PowerApps 코드 구성요소의 이름을 제대로 확인하자)
   
   
   
6. 추가한 PowerApps 코드 구성요소가 웹,휴대전화,태블릿 환경에 따라 표시될지 안될지를 선택한다. 환경에 따라 코드 구성요소를 따로 만들어 표시하게 만드는 것으로 UI를 관리가 가능하다.
   
   
   
7. '저장 후 닫기'를 클릭하여 클래식 폼(양식) 환경에서 나온다.
   
   
   
8. 그 후 편집창에서 새로고침 후 '게시'를 한다.
9. 이 후 모델기반 앱에서 해당 테이블의 새로만들기 혹은 편집으로 들어가면 해당 열의 컨트롤이 변경된 것을 확인 가능하다.