[PowerApps + PowerAutomate] 카메라로 촬영한 사진을 이미지 리스트로 넣기

목차

1. 파워앱스에 카메라 삽입하여 촬영한 사진 콜렉트하기

★

미디어> 카메라 삽입

카메라: Camera1

 

 

★ dropdown 만들기

item: Camera1.AvailableDevices

자신이 가지고 있는 여러 카메라 중 어떤 것을 쓸 것인가 선택

 

★ 미디어> 이미지 삽입: Image3

Image: Camera1.Photo

실행시키면, 화면을 누르면 이미지로 보인다.

 

★ 버튼 삽입: Add Collection

Onselect: Collect(myImages, {FileName:"Photo_"&Text(Now(), "yyyymmddhhmmss") &".jpg", Contents:Image3.Image})

myImages라는 collection을 만든다. 

filename과 contents의 속성을 만들고, 값을 준다. 

 

앞서 사진 촬영한 이미지이름을 넣으면 된다. ex)Image3

 

★ 가로 갤러리 삽입 > 크기 조절

제목 하나만 보이도록 만들기

 

★ 아이콘 삽입 

Onselect: Remove(myImages, ThisItem)

 

2. sharepoint에서 그림 라이브러리 생성하기

★ sharepoint에서 새로만들기> 앱

 

★ 클래식 환경 

★ 그림 라이브러리 선택> 만들기 MygalleryImages

★ 설정> 라이브러리 설정> 더 많은 라이브러리 설정 >빠른 실행  표시

 >

 

3. 이미지파일 JSON 형식으로  변환하기

★ 버튼 삽입: MakeJson

Onselect: Set(myJsonImage, JSON(myImages, JSONFormat.IncludeBinaryData))

- myImages를 JSON형태로 format하는데, binary data로 한다.

그래서 base64의 인코딩 방식으로 만들어진다..

 

- base 64: 컴퓨터 분야에서 쓰이는 base 64란 8비트 이진 데이터를 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식을 가리키는 개념이다.

바이너리 방식(8비트) ->스트링(64비트)

 

그래서 나중에 스트링 형태를 다시 바이너리로 변환시켜줘야 한다. 

그래야 이미지가 보이기 때문이다. 

 

 

4. 파워오토메이트로 흐름 만들기

★ 파워오토메이트> 흐름 만들기: APPImagesToSPS

powerapps

parse json

 

create file

file content: dataUriToBinary(items('Apply_to_each')['Contents'])

base64로 인코딩 된 것을 다시 binary형식으로 바꿔주는 함수 dataUriToBinary

 

 

5. 파워앱스에서 보낸 이미지 파일을 리스트 형식으로 만들기

★ 버튼 만들기: To SPS

onselect: APPImagesToSPS.Run(myJsonImage,myJsonImage);

만들어 놓은 컬렉션 안에 이미지가 2개였기 때문에 인수로 2개를 넣었다. 

 

결과

 

★ 이미지 주소 확인하기

sharepoint> MygalleryImages> 이미지 클릭> 원본보기

클릭했을 때 나오는 주소가 이미지의 경로이다.

이미지 이름 제외한 곳까지 복사하기

 

 

★ 쉐어포인트> 새로운 리스트 생성> 하이퍼링크 열 추가

 

 

★ 파워앱스> 파워오토메이트

create item

 

★ 결과

 

★ 이미지 프리뷰

여기서 image가 하이퍼링크가 아니라 실제 이미지형태로 보이도록 하려면, 

설정>목록 설정> 열> image

결과

 

데이터교육, 앱 만들기, 파워오토메이트, 파워앱스, 앱 초보, 앱 개발