Power Apps에서 Power Automate로 이미지 및 서명 전송

이 게시물에서는 Power Apps에서 Microsoft Power Automate 플랫폼으로 이미지 및 서명을 전송하는 방법을 알아봅니다. Power Apps에는 이미지를 편집하고 SharePoint에 업로드하는 기본 방법이 없기 때문에 이 작업을 수행하기가 약간 어렵습니다.

우리가 작업할 예제는 이전에 사용했던 비용 앱입니다. 기본적으로 이것은 SharePoint 목록에 첨부되는 갤러리입니다.

이 갤러리에서 무엇이든 선택하면 기본적으로 오른쪽에 있는 이 양식이 업데이트됩니다.

그런 다음 오른쪽에 있는 이 양식으로 이동하여 편집할 수 있습니다.

SharePoint 목록으로 이동하여 서명 이라는 이미지 열을 추가합니다 .

Power Apps로 이동하여 해당 이미지 열을 이 양식에 추가해 보겠습니다. 필드 편집을 클릭 한 다음 필드 추가를 클릭 하고 드롭다운 필드에서 서명을 선택합니다.

추가할 수는 있지만 이미지 업로드와 같은 작업은 할 수 없습니다. 예를 들어 편집을 클릭하면 서명 이미지를 업데이트하는 것을 제외한 모든 것을 편집할 수 있습니다. iPad에서 이 작업을 수행하는 경우 이 레코드를 제출하기 전에 실제로 화면을 사용하여 입력하거나 서명을 작성할 수 있으면 좋겠지만 안타깝게도 그렇게 할 수 없습니다.

목차

• 이미지 업로드 및 서명 생성
• Microsoft Power Automate 플랫폼 흐름 만들기
• Microsoft Power Automate 플랫폼에 Power Apps 연결
• Microsoft Power Automate 플랫폼에서 인수 정의
• 각 이미지에 대한 변수 생성
• URI 코드를 이진 코드로 변환
• 결론

이미지 업로드 및 서명 생성

Power Apps에는 이에 대한 기능이 없지만 Power Automate가 구조에 와서 우리를 도울 수 있습니다. 그래서 여기에 우리가 할 수 있는 방법이 있습니다.

먼저 사용자가 실제로 이미지를 제출하고 서명을 할 수 있는 방법이 필요합니다. + 기호를 클릭하면 새로운 경비 보고서가 추가되고 체크 표시를 클릭하면 팝업 상자가 나타납니다.

돌아가면 아무 일도 일어나지 않습니다. 하지만 Submit 을 클릭하면 비용 보고서가 통과됩니다. 사용자가 이미지를 업로드하고 서명을 할 수 있는 기능을 추가할 예정입니다. 이제 미디어 로 이동 한 다음 사진 추가 로 이동합니다 . 이 컨트롤을 사용하면 기본적으로 사진을 추가할 수 있습니다.

그런 다음 입력을 클릭 한 다음 펜 입력을 클릭합니다 . 이를 통해 서명을 그릴 수 있습니다.

이 모델을 조금 더 크게 만들어서 이 작업을 수행할 수 있는 공간을 더 확보해 보겠습니다.

그런 다음 우리가 하고 있는 일을 모두에게 보여주기 위해 아래에 몇 가지 레이블을 추가할 것입니다.

왼쪽에는 영수증 업로드라고 라벨이 표시되고 오른쪽에는 서명하십시오 가 표시됩니다 .

Microsoft Power Automate 플랫폼 흐름 만들기

다음으로 해야 할 일은 기본적으로 업로드 영수증 제어 및 서명 제어를 가져와서 SharePoint 비용, 영수증 및 서명 문서 라이브러리에 업로드하는 Power Automate 흐름을 만드는 것입니다. 다시 말하지만 Power Apps에서 직접 이 작업을 수행할 수 있는 방법이 없으며 Power Automate를 사용해야 합니다.

새 흐름을 클릭 하고 인스턴트 클라우드 흐름을 선택해 보겠습니다 .

이 흐름을 트리거하는 방법으로 Power Apps를 선택하고 이 UploadStuff 를 호출 하고 Create 를 클릭합니다 .

SharePoint 커넥터로 이동하여 파일 만들기를 선택합니다 .

사이트 주소와 폴더 경로가 필요하며 이 경우에는 /expensereceiptsandsignature라고 합니다.

파일 이름의 경우 비용 영수증의 이름과 서명이 비용 영수증의 실제 제목 이름과 동일하기를 원할 것입니다. Power Apps에 파일 이름 및 파일 콘텐츠를 요청합니다 .

그런 다음 새 단계를 클릭한 다음 동일한 작업을 다시 수행합니다. 실제 비용 영수증 사진을 위한 하나의 파일 만들기 와 업로드할 서명을 위한 또 다른 파일이 필요하기 때문입니다 . 파일 콘텐츠 만 다르므로 Power Apps 내에서 요청해야 합니다.

이제 드디어 워크플로우가 생성되었습니다.

Microsoft Power Automate 플랫폼에 Power Apps 연결

마지막으로 해야 할 일은 Power Apps를 Power Automate에 연결하는 것입니다. 따라서 새 비용을 추가하고 확인 표시를 선택하면 이 모델이 다시 표시됩니다.

제출 버튼을 클릭하면 이 모델이 수행하는 모든 작업은 양식을 제출하고 가시성을 다시 false로 설정하는 것입니다.

메인 화면으로 돌아가서 이 흐름을 활성화해야 합니다. 그러나 먼저 fx 막대 에 있는 내용을 복사 하고 잘라서 클립보드에 저장합니다. 그런 다음 Action 으로 이동하여 Power Automate 를 클릭한 다음 방금 만든 Power Automate 워크플로 인 UploadStuff 를 선택합니다. 그러면 워크플로를 Power Apps로 가져옵니다.

Microsoft Power Automate 플랫폼에서 인수 정의

Power Automate 내에서 지정한 많은 인수를 정의해야 합니다. 지정해야 하는 첫 번째 인수는 호출하려는 실제 파일 이름입니다. 이 경우 DataCardValue1에 저장되는 제출하는 비용 보고서의 제목과 동일합니다.

또한 업로드할 영수증의 실제 이미지가 필요하고 이전에 사용했던 다른 모든 명령을 붙여넣습니다.

이제 이것은 일이 까다로워지는 곳이고 까다롭다는 것은 불행히도 매우 까다롭다는 것을 의미합니다. 이것을 제출하면 UploadedImage1.Image 및 Pen.Input2.Image 가 워크플로를 통과해야 하며 생성될 파일 콘텐츠가 됩니다.

그러나 UploadedImage1.Image는 실제로 이미지 자체를 참조하지 않습니다. Microsoft가 이미지를 업로드할 위치를 알 수 있도록 만든 경로를 말합니다. 따라서 실제 이미지 코드 자체는 아닙니다. Microsoft만 액세스할 수 있는 임의의 경로입니다. 이미지는 저장되지만 이해할 수 없는 임의의 텍스트 파일이 됩니다.

따라서 다음 코드를 사용하여 몇 가지 조정을 해야 합니다.

각 이미지에 대한 변수 생성

가장 먼저 해야 할 일은 각 이미지에 대한 변수를 만드는 것입니다. 업로드된 이미지의 JSON 표현과 동일한 varImage1 이라는 변수를 생성합니다 . 또한 JSON에 이진 데이터를 포함하려고 합니다.

그런 다음 varImage1 에 저장된 이 함수의 출력을 가져오고 varImageTrimmed 라는 또 다른 변수를 만듭니다 . 이 변수는 기본적으로 varImage1 을 가져와 Mid 함수를 사용하여 끝을 잘라냅니다.

업로드된 이미지를 가져와 URI로 변환합니다. URI는 이미지가 실제로 무엇인지 나타내는 텍스트 형식으로 저장된 코드 조각입니다. 그런 다음 해당 텍스트의 처음 두 문자와 마지막 두 문자를 제거합니다. 이는 필요하지 않은 형식 식별자이기 때문입니다.

그런 다음 서명에 대해 동일한 프로세스를 수행하고 이미지를 PenInput2 로 바꾸고 이름을 varSig1 로 지정합니다 .

URI 코드를 이진 코드로 변환

우리는 이미 Power Automate가 이미지에 대한 무작위 경로가 아니라고 말했습니다. 대신 이미지 자체의 URI 코드이며 기본적으로 해당 이미지의 텍스트 표현입니다. 해당 텍스트 이미지를 전달할 수 없으므로 받은 코드를 SharePoint에서 읽을 수 있는 이진 코드로 변환해야 합니다.

모든 파일은 바이너리 코드이므로 Expression 으로 이동하여 URI를 바이너리로 변환하는 함수를 사용해야 합니다. 이 표현식을 이 작업의 파일 콘텐츠 요소에 넣은 다음 저장을 클릭합니다 .

남은 한 가지는 파일 이름이 동일하지 않은지 확인하는 것입니다. 첫 번째 파일이 이미지가 되고 두 번째 파일이 서명이 되기를 원합니다. 따라서 첫 번째는 _receipt.jpg로, 두 번째는 _signature.jpg로 편집할 수 있습니다.

작동하는지 확인하기 위해 사용해 봅시다. $400의 새 iPad에 대한 새 비용 보고서부터 시작하겠습니다.

확인 표시를 클릭하면 사진과 서명을 추가할 수 있습니다.

영수증을 업로드하고 서명을 추가할 수 있습니다.

그런 다음 Submit 을 클릭할 수 있습니다 . 확인을 위해 비용 제출 SharePoint 목록 으로 이동하여 해당 라인 항목이 생성되었는지 확인합니다.

그 외에도 경비 영수증 및 서명으로 이동하면 방금 만든 경비 보고서의 제목에 해당하는 새 iPad 영수증과 새 iPad 서명이 표시됩니다.

이것은 실제 이미지이며 실제로 볼 수 있는 반면 구식 방식으로 수행하려면 대신 텍스트 파일일 뿐입니다.

결론

이것이 얼마나 강력한지 잠시 생각해 보십시오. 이제 사람들이 사진과 서명을 찍고 Microsoft Power Automate 플랫폼 워크플로에 넣을 수 있는 애플리케이션을 만드는 방법이 있습니다. 이 경우 문서 라이브러리에 파일을 저장하는 데 사용합니다. 오늘 배운 핵심 내용은 이미지 및 서명과 관련된 데이터를 Power Apps에서 Power Automate로 이동하는 방법입니다.

이 특정 튜토리얼에서 다루는 내용이 마음에 드셨다면 LuckyTemplates TV 채널을 구독하는 것을 잊지 마십시오. 저와 다양한 콘텐츠 작성자가 항상 제공하는 엄청난 양의 콘텐츠가 있습니다. 모두 LuckyTemplates 및 Power Platform을 사용하는 방식을 개선하는 데 전념하고 있습니다.

헨리