스마트메이커 버튼아톰의 갤러리 기능 활용하기

스마트메이커 버튼 아톰을 이용해 스마트폰에 저장되어 있는 사진파일을 갤러리 기능을 이용해

서버에 파일전송 하고자 하는 기능을 구현하고자 합니다.

​

굳이 이미지 파일을 이미지 입력란의 DB저장을 통해 이미지필드(BLOB)의 바이너리 형태의 데이터에 저장하고 않고, 서버에 파일 형태로 업로드 하려는 이유는 여러가지 활용방안에 있어서 장점이 있습니다.

쇼핑몰앱이나, 현장사진 관리앱등 이런앱 형태에서 사진첨부 기능 앱을 구현하고자 한다면,

사진파일주소(URL) 을 통해 쉽게 접근이 가능합니다.

이런 앱을 구현하실때, 쉽게 사진업로드를 위해 버튼의 갤러리 기능을 활용할 수 있습니다.

​

일단 구현하는 과정을 살펴보면,

갤러리 버튼의 참조아톰명에는 이미지 아톰명을 설정합니다.

 

스마트폰의 갤러리 에서 사진 선택시, 여러장의 사진을 선택할수도 있습니다.

그렇기 때문에 이미지 입력란은 스크롤묶기 아톰을 이용해 묶을수 있도록 합니다.

선택되어진 이미지를 좌우 스크롤을 통해 다중으로 볼수 있도록 수평 스크롤을 이용하여 처리합니다.

사진 1장만 업로드 하고자 할경우에는 스크롤묶기을 이용하지 않고 바로 이미지 입력란을 이용할수 있습니다.

 

전송버튼 클릭시 스마트서버로 파일업로드를 하기 위해서는 파일전송 업무규칙을 활용하게 됩니다.

 

스크롤에 넣어진 이미지 갯수를 알기 위해 스크롤의 유효행수를 사용하게 됩니다.

스크롤에 묶인 이미지 입력란에서 파일경로 및 파일명을 가져오기 위해서는

아톰명(행번호) 형태로 사용을 하게 됩니다.

​

파일전송('파일', "http://스마트서버주소", 서버파일명, 로컬파일경로)을 실행한다.

​

즉, 스크롤의 유효행 수 만큼 반복문을 진행하면서 파일전송을 실행시킬수 있도록 합니다.

​

일단, 스마트메이커 PC 상에서 실행하게 되면, 파일선택창이 뜨게 되고, 이미지 파일을 선택할수 있게 됩니다.

스마트폰에서는 갤러리 앱이 띄어지고 사진 파일을 선택하게 됩니다.

 

선택된 파일은 스크롤에 묶인 이미지 입력란 아톰에 순차적으로 넣어지게 됩니다.

 

전송 버튼을 누르게 되면 서버로 파일 업로드가 진행이 됩니다.

​

​그럼, 사진파일 전송이 되면 스마트서버 상황을 살펴보겠습니다.

스마트서버가 설치된 PC 의 서버관리자 실시간 로그를 보면, 로그창에 위에서 지정한 파일이 업로드 진행되고 있는 과정을 확인할 수 있습니다.

 

스마트서버가 설치가 된 PC 를 보면,

C:\SmartServer 폴더와 C:\NAScontents 라는 폴더가 존재하게 됩니다.

C:\SmartServer 폴더는 WAS (Web Application Sever) 폴더이고,

C:\NAScontents 폴더는 웹페이지모델에서 HTML 이나 비즈니스로직, 파일업로드를 위한 폴더구조입니다.

위에서 파일전송을 통해 Upload 폴더에 전송됨을 확인할 수 있게 됩니다.

 

이 파일을 웹이나, 앱애서 활용하고자 한다면

http://스마트서버주소/view/파일명

주소를 통해 웹이나 앱에서 쉽게 접근이 가능합니다.

 

 

앱 패킹후, 테스트해보니 스마트폰에서도 정상 동작합니다.

​

파일전송시 파일명을 DB저장하여 관리할수 있도록 구현하시면, 다양하게 앱에서 활용할수 있으시라 봅니다.