앱케이크_appcake_하이브리드앱제작_Admin.png

*웹소스에 적용한 파일다운로드기능은 모바일앱의 웹뷰에선 정상동작하지 않습니다. 네이티브앱의 파일저장공간 이용의 권한과 파일다운로드처리 기능을 네이티브기능으로 만들어 연동을 해야만 합니다.(문서파일,이미지파일등 모든파일 다운로드 지원함)

1.파일 다운로드 url이 아래이고(예시URL)

<aside> 💡 http://yellowin.com/download.php?no=42

</aside>

2.저장될 파일명이 아래라면

<aside> 💡 file_attatch.xlsx => 저장될때의 파일명으로 이름은 다른이름으로 지정해도 됨.

</aside>

3.아래와 같이 url연결이 되면 됩니다.(웹소스 적용)

function file_download(){
	//파일다운로드 샘플코드
	var param = {
		action:"filedownload",
		downloadurl:"<http://yellowin.com/download.php?no=42>", //다운로드 fullurl 또는 직접 해당링크 넣으면됨(<http://www.yellowin.co.kr/mobile/1111.jpg>)
		filename:"file_attatch.xlsx" //다운받는 파일명 지정
	};
	webkit.messageHandlers.cordova_iab.postMessage(JSON.stringify(param));
}

<!-- 다운로드 함수호출 샘플 링크-->
<div onclick="file_download()">파일다운로드</div>

4.javascript로 앱과 웹의 다운로드 url이 구분이 되려면 아래처럼 하면 됩니다.

function file_download(){
   if(navigator.userAgent.toLowerCase().indexOf('mobileapp') != -1){
      //앱으로의 호출시 가이드드린 파일다운로드 방식으로 호출 로직 적용
      
      var param = {
         action:"filedownload",
         downloadurl:"<http://yellowin.com/download.php?no=42>", //다운로드 fullurl 또는 직접 해당링크 넣으면됨(<http://www.yellowin.co.kr/mobile/1111.jpg>)
         filename:"file_attatch.xlsx" //다운받는 파일명 지정
      };
      webkit.messageHandlers.cordova_iab.postMessage(JSON.stringify(param));
      
   } else {
      //기존 웹방식의 다운로드 호출 로직 적용
      
   }

}

Powered by (주)옐로우윈