76. (TWOK/LOGIC) [Web] 자바 스크립트 브릿지 전송 - 파일 다운 로드 URL 주소 전송 시 window.location.origin 도메인 결합 로직

---

[로직 정리]

​

정리 로직 : Web

​

상태 : [Web] 자바 스크립트 브릿지 전송 - 파일 다운 로드 URL 주소 전송 시 window.location.origin 도메인 결합 로직

 

---

[설 명]

 

// --------------------------------------------------------------------------------------
[개발 및 테스트 환경]
// --------------------------------------------------------------------------------------

- 언어 : VueJs

- 개발 툴 : VsCode

- 개발 기술 : Bridge Interface

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[로직 정리]
// --------------------------------------------------------------------------------------

1. 웹 프론트에서 자바스크립트 브릿지를 통해서 파일 다운로드 URL 전송 시 개발, 운영 구분 도메인 별로 전송 필요


2. 웹 프론트에서 도메인 포트 정보까지 확인 window.location.origin 후 로컬 PC 내에 저장 된 파일 경로 결합 (ex : /image/hello.png)


3. 규약에 정의 된 파일 다운로드 브릿지를 통해서 파일 명칭 및 URL 정소 전달 실시

  >> {"fileName" : "hello.png", "fileUrl" : "http ..."}


4. 모바일 (Android , Ios) 는 해당 브릿지 경로로 파일 다운로드 명령이 들어온 경우 파일 다운로드 수행 실시

  >> Android 에서는 다운로드 매니저를 사용해 파일 다운로드 수행

  >> Ios 에서는 UrlSession 다운로드 Task 를 사용해 파일 다운로드 수행


5. 다운 로드 된 파일은 모바일 내부 저장소에 저장 실시

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

[업무 협의] [Mobile] 모바일 ( Android , Ios ) 웹뷰 ( Webview ) 에서 파일 다운로드 수행 시 브릿지 호출 업무 협의

https://blog.naver.com/kkh0977/223607555615


[안드로이드 DownloadManager 다운로드 매니저 사용해 파일 다운 및 응답 결과 콜백 확인]

https://blog.naver.com/kkh0977/222846523226?trackingCode=blog_bloghome_searchlist


[코틀린 setDownloadListener 파일 다운 로드 이벤트 리스너 등록 - a tag , blob]

https://blog.naver.com/kkh0977/223251326527?trackingCode=blog_bloghome_searchlist


[Ios 브릿지 통신 소스]

https://blog.naver.com/kkh0977/222578258074?trackingCode=blog_bloghome_searchlist

// --------------------------------------------------------------------------------------

---