Close
    logo퓨전 개발자 101

    ➕ 파워 앱 실습 2

    Git RepositoryEdit on Github
    Last update: 9 months ago by studyloverReading time: 4 min

    앞서 만든 파워 오토메이트 워크플로우를 파워 앱에 연결하는 작업을 진행합니다.

    파워 앱 굿즈 신청 화면 수정

    1. 삽입 탭에서 단추를 클릭하여 생성 후 주문으로 텍스트 이름을 변경합니다. "Button3"의 "OnSelect" 항목에서 "Fx"에 아래 코드를 입력합니다. 입력 후에는 키보드의 Alt 키 또는 Option 키를 누른 상태에서 "주문"버튼을 클릭합니다. (참고: TextInput1.Text에는 무조건 숫자가 입력되어야 합니다)

      /*itemCollection 이름의 컬렉션 생성하여 파워 오토메이트 플로우에 보낼 데이터를 컬렉션으로 저장*/
      ClearCollect(ItemCollection, {
      itemId: LookUp(List, ItemName = Dropdown1.Selected.ItemName, ID),
      quantity: Int(TextInput1.Text)
      }
      );

      주문버튼 업데이트1
      주문버튼 업데이트1

    2. 보기 탭의 "컬렉션"으로 들어가면 아래와 같은 화면이 나옵니다. 주문 입력 화면에서 입력했던 데이터가 ItemCollection이라는 이름의 컬렉션에 잘 저장되었습니다.

      주문버튼 업데이트2
      주문버튼 업데이트2

    3. PL900GoodsApp에 파워 오토메이트에서 생성한 PL900GoodsFlow를 연결하겠습니다. "Button3"가 선택된 상태에서 작업 탭의 "Power Automate"을 클릭하면 데이터 창이 나옵니다. 여기서 "PL900GoodsFlow"를 선택하여 연결합니다.

      굿즈 신청 플로우 연결1
      굿즈 신청 플로우 연결1

    4. PL900GoodsFlow.Run() 함수가 생성됩니다. PL900GoodsFlow를 실행한 후 플로우에서 받은 메세지를 Result라는 컬렉션에 저장하기 위해 아래의 소스코드와 같이 추가 업데이트 합니다.

      /*itemCollection 이름의 컬렉션 생성하여 파워 오토메이트 플로우에 보낼 데이터를 컬렉션으로 저장*/
      ClearCollect(ItemCollection, {
      itemId: LookUp(List, ItemName = Dropdown1.Selected.ItemName, ID),
      quantity: Int(TextInput1.Text)
      }
      );
      /*PL900GoodsFlow를 실행 한 후 플로우에서 받은 메세지를 Result라는 컬렉션에 저장 */
      ClearCollect(Result,'PL900GoodsFlow'.Run(User().Email,First(ItemCollection).itemId,First(ItemCollection).quantity));

      굿즈 신청 플로우 연결2
      굿즈 신청 플로우 연결2

    5. Alt키 혹은 Option키를 누른 상태에서 "주문"버튼을 다시 한번 클릭합니다. 보기 탭에 "컬렉션"을 클릭하면 Result라는 컬렉션 안에 PL900GoodsFlow를 실행한 후 플로우에서 받은 메시지가 저장 되어있습니다.

      굿즈 신청 플로우 연결3
      굿즈 신청 플로우 연결3

    체크포인트:

    화면 전환 설정

    Navigate()함수를 사용하여 "주문" 버튼을 눌렀을 때 "메시지 처리중"이라는 화면으로 화면 전환 설정하겠습니다.

    1. "새 화면"에서 "성공"화면을 클릭하여 "Screen2"를 생성합니다.

      화면전환1
      화면전환1

    2. "메시지 입력창"이 선택된 상태에서 "Text"속성을 아래와 같이 변경합니다.

      First(Result).message

      화면전환2
      화면전환2

    3. "Button3"의 "OnSelect"속성을 클릭합니다. 화면 전환을 위하여 Navigate()함수를 사용합니다. 소스코드를 아래와 같이 추가 업데이트 합니다.

      /*itemCollection 이름의 컬렉션 생성하여 파워 오토메이트 플로우에 보낼 데이터를 컬렉션으로 저장*/
      ClearCollect(ItemCollection, {
      itemId: LookUp(List, ItemName = Dropdown1.Selected.ItemName, ID),
      quantity: Int(TextInput1.Text)
      }
      );
      /*PL900GoodsFlow를 실행 한 후 플로우에서 받은 메세지를 esult라는 컬렉션에 저장 */
      ClearCollect(Result,'PL900GoodsFlow'.Run(User().Email,First(ItemCollection).itemId,First(ItemCollection).quantity));
      /*화면 전환*/
      Navigate(Screen2)

      화면전환3
      화면전환3

    체크포인트:

    파워 앱 저장과 공유

    1. 파일 탭을 누르면 저장화면으로 전환됩니다. "저장"을 누른 후 "게시"를 누릅니다. "게시"버튼을 클릭하면 저장된 버전으로 게시가 됩니다.

      파일 앱 저장과 공유1
      파일 앱 저장과 공유1

    2. 게시를 하고 "공유"버튼을 클릭하면 화면이 아래와 같이 나옵니다. 여기서 사용자를 입력하여 공유할 수 있습니다. 앞서 만들어 둔 보안 그룹 이름, "PL900SecurityGroup"을 입력하고 "공유"를 클릭합니다. 이로써 이 보안 그룹에 속한 멤버들은 PL900GoodsApp을 사용할 수 있는 권한이 생겼습니다. 공동 소유자는 개별 계정만 설정되며 계정을 입력 후 공동 소유자로 지정할 수 있습니다.

      파일 앱 저장과 공유2
      파일 앱 저장과 공유2

    체크포인트:

    사용자의 파워 앱 사용

    이제 가맹점 점장 페르소나를 가진 김온유도 이 파워 앱을 사용할 수 있게 됐습니다. 사용자인 김온유씨의 계정에서 로그인하여 PL900GoodsApp을 사용해 보겠습니다.

    1. Microsoft Edge에서 김온유의 프로필로 전환 합니다. 파워 앱 포털로 접속을 하거나 office.com에서 김온유의 프로필로 계정 접속을 확인한 후에 Power Automate로 들어갑니다. 앱 메뉴에서 PL900GoodsApp을 실행합니다. 화면에 권한 허용에 대한 요청이 나타납니다. "허용"을 클릭 후 입장합니다.

      사용자 화면1
      사용자 화면1

    2. 모든 화면이 잘 실행되는지 확인합니다. 파워 앱 화면을 모두 실행된 후 승인 안내 이메일도 김온유의 계정에서 확인합니다.

      사용자 화면2
      사용자 화면2

      사용자 화면3
      사용자 화면3

    체크포인트:

    다음 순서

    축하합니다! 파워 플랫폼 기초 과정 실습을 모두 끝마치셨습니다. 혹시 다시 한 번 더 파워 플랫폼 기초 과정에 대한 스터디 자료를 보고 싶다면 아래 링크를 클릭하세요.

    Previous
    ➕ 파워 오토메이트 실습
    Next