그 외 기술

JavaScript 앱 링크 개선버전 (브라우저 자동 닫힘, 앱 설치여부)

E.I.T.U 2022. 3. 2. 14:17
function openLink (android_url, android_store_url) {
                location.href = android_url + getParam("store_id");
                setTimeout( function () {
                    location.href = android_store_url;
                },2000);
            }
function handleVisibilityChange() { 
                if(document.hidden) { 
                    // the page is hidden 
                    location.href = "kakaotalk://inappbrowser/close";
                    window.open('','_self').close(); 
                    opener=self;
                    setTimeout('self.close()',1000);
                    self.close();
                } else { 
                    // the page is visible 
                } 
            } 
            
            document.addEventListener("visibilitychange", handleVisibilityChange, false);

document 에 EventListener 를 추가하여

유저의 폰에 앱이 설치되어 있을 경우
화면이 자동으로 앱으로 넘어가며 이때 document.hidden 에 걸리게 되고
창이 자동으로 닫히면서 스토어 url로 이동되는것을 막아준다.

 

만약 앱이 설치되어 있지 않은 경우
setTimeOut 을 통해 스토어 url로 이동된다.