모델 기반 양식에 포함된 캔버스 앱 추가

이 문서에서는 모델 기반 양식에 캔버스 앱을 포함하는 방법에 대해 설명합니다. 캔버스 앱은 광범위한 데이터 원본에 연결될 수 있으며 디자이너에게 전반적인 사용자 경험에 대한 더 나은 제어를 제공합니다.

이 문서에서는 두 가지 통합 방법을 설명합니다. 첫 번째는 최신 통합 인터페이스 환경 사용이며, 두 번째는 클래식 환경 사용입니다.

참고

캔버스 앱과의 더 나은 통합을 위해 사용자 지정 페이지를 사용하는 최신 앱 내부에 캔버스 앱을 포함하는 세 번째이자 최신 방법이 있습니다. 모델 기반 앱의 사용자 지정 페이지 개요.

최신 환경을 사용하여 캔버스 앱 포함

계정 테이블의 기본 양식과 같은 모델 기반 앱 기본 양식에 캔버스 앱을 포함하려면 다음 단계를 따르세요.

1. Power Apps에 로그인합니다.

2. 환경을 선택한 다음 왼쪽 탐색 창에서 솔루션을 선택합니다. 항목이 측면 패널 창을 경우 ...자세히를 선택한 다음 원하는 항목을 선택하세요.

3. 기본 양식에 캔버스 앱을 추가하려는 테이블이 있는 솔루션을 엽니다.

4. 테이블을 열고 양식을 선택한 다음 원하는 기본 양식을 엽니다.

   팁

   기본적으로 캔버스 앱 구성 요소 레이블은 새 캔버스 앱입니다. 캔버스 앱 레이블 이름을 캔버스 앱의 이름이나 양식에 포함하려는 캔버스 앱의 짧은 설명과 같이 좀 더 의미 있는 이름으로 변경할 수 있습니다.

5. 캔버스 앱이 표시할 양식의 영역을 선택하거나 새 탭을 만들어 캔버스 앱을 표시합니다.

6. 왼쪽 탐색 창에서 구성 요소를 선택하고 디스플레이를 확장한 다음 캔버스 앱 구성 요소를 선택합니다.

7. 컨트롤에 대해 다음 속성을 구성할 수 있습니다.

   • 엔터티 이름 영역에서는 다음 속성을 지정할 수 있습니다.

     • 테이블 열에 바인딩: 테이블 열에 바인딩을 선택하면 바인딩할 테이블 열을 선택할 수 있도록 정적 값 속성이 변경됩니다. 테이블 열에 바인딩하도록 선택하면 테이블 열 값으로 열이 정의됩니다. 예를 들어 엔터티 이름에 대해 테이블 열에 바인딩이 선택된 경우 앱 런타임 시 테이블 이름의 값이 지정된 테이블 열의 값을 사용합니다.

     • 정적 값: 캔버스 앱을 참조할 수 있는 이름을 추가합니다. 이 값은 포함된 캔버스 앱에 영향을 주지 않습니다. 이는 참조 지점으로만 제공됩니다.

   • 앱 이름 영역은 캔버스 앱의 고유한 이름을 지정합니다.

     • 테이블 열에 바인딩: 테이블 열에 바인딩이 선택되면 바인딩할 테이블 열을 선택할 수 있도록 정적 값 속성이 변경됩니다. 테이블 열에 바인딩하도록 선택하면 테이블 열 값으로 열이 정의됩니다. 예를 들어 앱 이름에 테이블 열에 바인딩을 선택하면 앱 런타임 시 앱 이름 값은 사용자 지정 텍스트 열의 값과 같은 테이블 열 값을 사용합니다.

     • 정적 값: 포함할 캔버스 앱의 고유한 이름을 지정합니다. 기존 캔버스 앱에 대한 캔버스 앱의 고유한 이름을 입력합니다. 추가 정보: 캔버스 앱의 고유 이름 및 앱 ID를 찾는 방법

   • 필수 앱 ID 영역은 캔버스 앱의 앱 ID를 지정합니다.

     • 테이블 열에 바인딩: 테이블 열에 바인딩을 선택하면 목록이 변경되어 바인딩할 테이블 열을 선택할 수 있습니다. 테이블 열에 바인딩하도록 선택하면 테이블 열 값으로 열이 정의됩니다. 예를 들어 앱 이름에 테이블 열에 바인딩을 선택하면 앱 런타임 시 앱 이름 값은 사용자 지정 텍스트 열의 값과 같은 열 값을 사용합니다.

     중요

     대부분의 경우 레코드 내의 필드에 올바른 앱 ID를 표시해야 하므로 앱 ID에 테이블 열에 바인딩 옵션을 사용하지 않는 것이 좋습니다.

     • 정적 값: 기존 캔버스 앱의 앱 ID를 입력합니다. 추가 정보: 캔버스 앱의 고유 이름 및 앱 ID를 찾는 방법

   • 구성 요소를 표시. 포함된 캔버스 앱을 표시할 클라이언트 유형을 지정합니다. 웹, 모바일 및 태블릿 중에서 선택합니다.

8. 완료를 선택합니다. 그런 다음 게시를 선택하여 사용자가 사용할 수 있도록 앱을 게시합니다.

포함된 캔버스 앱을 모델 기반 양식에 게시한 후에는 포함된 캔버스 앱을 다른 사용자와 공유합니다. 자세한 내용: 포함된 캔버스 앱 공유.

사용자가 수정한 양식이 포함된 모델 기반 앱을 열면 양식에 포함된 캔버스 앱이 표시됩니다. 기본 양식에 표시되는 레코드를 변경하면 양식에 전달되는 데이터 컨텍스트가 변경되고 포함된 앱이 새로 고쳐지면서 관련 데이터가 표시됩니다.

이 문서에서는 모델 기반 양식에 캔버스 앱을 포함하는 작업을 시작하는 방법을 보여 주었습니다. 다양한 데이터 원본의 데이터를 연결하고 가져올 수 있도록 포함된 캔버스 앱을 사용자 지정할 수도 있습니다. Filter, Search 및 LookUp 함수와 호스트 모델 기반 양식에서 전달된 컨텍스트를 사용하여 해당 데이터 소스의 특정 레코드를 필터링하거나 찾을 수 있습니다. WYSIWYG 캔버스 앱 편집기를 사용하여 요구 사항에 맞게 인터페이스를 쉽게 디자인할 수 있습니다.

캔버스 앱의 고유 이름 및 앱 ID를 찾는 방법

canvas app 컨트롤은 먼저 앱 이름 필드에서 확인할 수 있는 고유한 이름을 사용하여 캔버스 앱을 찾습니다. 해당 고유한 이름의 캔버스 앱을 환경에서 찾을 수 없는 경우 canvas app 컨트롤은 앱 ID 필드에 지정된 값을 사용하여 캔버스 앱을 로드합니다. 앱 이름과 앱 ID 필드 모두에 값을 입력해야 하지만 포함된 캔버스 앱이 컨트롤에 로드되려면 값 중 하나만 정확해야 합니다. 캔버스 앱은 현재 환경에 있어야 합니다.

• 앱 이름 필드는 캔버스 앱의 고유한 이름입니다. 고유한 이름을 찾으려면 캔버스 앱을 솔루션에 추가합니다. 캔버스 앱의 고유한 이름은 이름 열에 표시되며 solutionpublisherprefix_appnamenospaces_appendix 형식으로 나타납니다. 예: contoso_canvasappwithsharepointlist_5ee16.
• 앱 ID 속성은 포함된 캔버스 앱의 ID를 지정합니다. 기존 캔버스 앱의 앱 ID를 입력합니다. 캔버스 앱 ID는 Power Apps에서 앱으로 이동하여 캔버스 앱을 선택한 다음 명령 모음에서 세부 설정을 선택하면 찾을 수 있습니다.

클래식 환경을 사용하여 캔버스 앱 포함

1. Power Apps에 로그인합니다.

2. 테이블의 기본 양식 만들기 또는 편집, 이 예에서 거래처 테이블.

3. 명령 모음에서 클래식으로 전환을 선택하여 기본 양식 디자이너의 양식을 엽니 다.

4. 기본 양식 디자이너에서 양식에서 포함된 캔버스 앱을 표시할 섹션을 선택합니다.

5. 열 창을 사용하여 거래처 이름과 같은 필수 열을 추가합니다.

   중요

   항상 값이 있는 필수 열을 사용하십시오. 열에 값이 없는 경우 포함된 캔버스 앱은 호스트 모델 기반 양식의 데이터 변경에 대한 응답으로 새로 고쳐지지 않습니다.

6. 열을 선택한 상태에서 홈 탭의 편집 그룹에서 속성 변경을 선택합니다.

7. 열 속성 대화 상자에서 컨트롤 탭을 선택합니다.

8. 컨트롤 탭에서 컨트롤 추가를 선택합니다.

9. 컨트롤 추가대화 상자의 사용 가능한 컨트롤 목록에서 캔버스 앱을 선택한 다음 추가를 선택합니다.

10. 열 속성 대화 상자의 컨트롤 목록에서 캔버스 앱을 선택한 다음 웹 옵션을 선택합니다.

11. 컨트롤 목록 아래 섹션에 canvas app 컨트롤에 사용할 수 있는 속성 목록이 표시됩니다.

    • 테이블 이름 속성은 포함된 캔버스 앱에 데이터를 제공할 테이블을 지정합니다. 이전 단계에서 추가한 열이 포함된 테이블로 설정됩니다.
      • 이 속성이 변경 가능하게 표시되더라도 포함된 캔버스 앱에는 영향을 주지 않습니다. 이는 참조로만 제공되는 것입니다.
    • 앱 이름 속성은 포함할 캔버스 앱의 이름을 지정합니다. 모델 기반 양식은 현재 환경에서 지정된 이름으로 캔버스 앱을 찾습니다. 해당 이름의 캔버스 앱을 환경에서 찾을 수 없는 경우 canvas app 컨트롤은 앱 ID를 사용하여 캔버스 앱을 로드합니다. 기존 캔버스 앱의 앱 이름을 입력합니다.
    • 앱 ID 속성은 포함된 캔버스 앱의 ID를 지정합니다. 기존 캔버스 앱에 앱 ID를 입력하거나 사용자 지정을 선택하여 캔버스 앱을 만들거나 편집하면 앱 ID가 자동으로 생성되어 채워집니다. 캔버스 앱 ID는 Power Apps에서 앱으로 이동하여 캔버스 앱을 선택한 다음 명령 모음에서 세부 설정을 선택하면 찾을 수 있습니다.

    참고

    앱 ID 값을 변경하면 모델 기반 양식에서 포함된 캔버스 앱으로의 링크가 끊어집니다.

    앱 이름 또는 앱 ID가 기존 캔버스 앱과 일치하지 않는 경우 양식에 "죄송합니다. 해당 앱을 찾지 못했습니다."라는 메시지가 표시됩니다.

12. 완성된 캔버스 앱을 추가하는 경우 20단계로 이동합니다. 새 캔버스 앱을 만들거나 기존 캔버스 앱을 편집하는 경우 계속해서 다음 단계를 따릅니다. 사용자 지정을 선택하여 캔버스 앱을 만들거나 편집합니다. 그러면 새 탭에 Power Apps Studio가 열립니다.

    참고

    웹 브라우저 팝업 차단기로 인해 Power Apps Studio를 여는 것이 차단된 경우 make.powerapps.com 사이트를 사용하도록 설정하거나 일시적으로 팝업 차단을 해제한 다음 사용자 지정을 다시 선택해야 합니다.

13. 다음을 살펴봅니다.

    • Power Apps Studio에서 왼쪽 창에 특별한 ModelDrivenFormIntegration 컨트롤이 있음을 알 수 있습니다. 이 컨트롤은 호스트 모델 기반 양식에서 포함된 캔버스 앱으로 컨텍스트 데이터를 가져오는 역할을 합니다.
    • 캔버스 앱 양식 컨트롤이 포함된 캔버스 앱에 자동으로 추가되었으며 ModelDrivenFormIntegration 컨트롤을 통해 호스트 모델 기반 양식에서 전달된 데이터를 표시합니다.
    • 보기 탭을 선택한 다음, 데이터 원본을 선택합니다. 호스트 모델 기반 양식의 상위 테이블(이 경우 거래처)의 데이터 원본이 포함된 캔버스 앱에 자동으로 추가되었음을 알 수 있습니다. - Form1 컨트롤을 선택하고 DataSource 속성이 Accounts로 설정되어 있는지 확인합니다.
    • 여전히 Form1 컨트롤이 선택된 상태에서 Items 속성이 ModelDrivenFormIntegration.Item으로 설정되어 있는지 확인합니다.

    참고

    포함된 캔버스 앱은 ModelDrivenFormIntegration.Item을 통해 호스트 모델 기반 양식에서 읽기에 대한 완벽한 액세스 권한을 갖습니다. 예를 들어 이름이 accountnumber이고 표시 이름이 거래처 번호인 열의 값을 가져오려면 ModelDrivenFormIntegration.Item.accountnumber 또는 ModelDrivenFormIntegration.Item.'Account Number' 를 사용할 수 있습니다.

14. 오른쪽의 속성 창에서 열 옆에 있는 열 편집을 선택합니다.

15. 캔버스 앱 양식에 다른 열을 추가하거나 드래그 앤 드롭을 사용하여 기존 열의 순서를 바꾸려면 + 열 추가를 선택합니다. 열 추가 및 순서 변경이 완료되면 데이터 창을 닫습니다.

16. 파일 탭을 선택한 다음 저장을 선택합니다.

17. 클라우드 탭을 선택합니다. 앱의 고유한 이름을 입력한 다음 오른쪽 아래에 있는 저장을 선택합니다. 다음 작동을 확인합니다.

    • 앱을 처음으로 저장하면 앱이 자동으로 게시됩니다.
    • 이후 저장에서 게시를 선택한 다음이 버전 게시를 선택하여 변경 내용을 사용할 수 있도록 합니다.

18. 메뉴에서 뒤로를 선택합니다.

19. 기본 양식 디자이너가 열려 있는 브라우저 탭을 선택합니다. canvas app 컨트롤의 App ID 및 App Name 속성에 값이 자동으로 입력되는지 확인합니다.

    중요

    • 양식 디자이너에는 이전 단계의 다른 브라우저 탭에서 열린 Power Apps Studio와의 직접 링크가 있습니다.
    • 앱 이름에 아래 스크린샷과 유사한 값이 있는지 확인합니다. 앱 이름 속성은 런타임에 캔버스 앱을 참조하는 데 사용할 고유한 이름입니다. 이 이름이 설정되어 있지 않으면 캔버스 앱을 참조하는 데 앱 ID 속성이 사용되며, 이렇게 하면 캔버스 앱을 솔루션의 일부로 가져올 때 문제가 발생할 수 있습니다. 환경 사이에서 적절한 캔버스 앱을 참조할 수 있도록 이 이름을 설정하는 것이 좋습니다. 설정하려면 12단계로 돌아가서 단계에 따라 포함할 캔버스 앱을 만듭니다.
    

20. 열 속성 대화 상자에서 디스플레이 탭을 선택합니다.

21. 양식에서 레이블 표시를 지우고 확인을 선택합니다.

    • 이 양식에 이미 포함된 캔버스 앱이 있는 경우 "하나의 캔버스 앱만 양식에 사용할 수 있습니다"라는 메시지가 표시됩니다. 새 캔버스 앱을 추가하려면 먼저 현재 포함된 캔버스 앱을 비활성화해야 합니다. 그런 다음 새 포함된 캔버스 앱을 활성화합니다.

22. 홈 탭에서 저장을 선택한 다음, 게시를 선택합니다.

참조

모델 기반 양식에 포함된 캔버스 앱 편집
포함된 캔버스 앱 내에서 호스트 양식에 대한 미리 정의된 작업 수행
ModelDrivenFormIntegration 컨트롤의 속성 및 동작
포함된 캔버스 앱 작업 지침