Vintage appMaker의 Tech Blog

[Android Deeplink] 웹에서 앱을 설치 및 실행시키기 본문

Source code or Tip/Android(Java, Kotlin)

[Android Deeplink] 웹에서 앱을 설치 및 실행시키기

VintageappMaker 2021. 1. 11. 19:34

 

모바일 웹에서 앱을 설치하거나 매개변수를 넘겨서 실행하는 경우가 있다. 이럴 경우 사용되는 것이 DeepLink 또는 custom URL Scheme이라는 것인데,  웹주소를 입력하듯 주소를 만들어 사용하면 앱을 실행할 수 있다. 

 

📢 Deeplink Example

 

 

앱 콘텐츠 딥 링크 만들기  |  Android 개발자  |  Android Developers

사용자가 링크에서 앱에 진입할 수 있도록 하려면 관련 활동의 인텐트 필터를 앱 manifest에 추가해야 합니다. 이러한 인텐트 필터는 모든 활동의 콘텐츠로 연결되는 딥 링크를 허용…

developer.android.com

그리고 DeepLink를 웹에서 사용할 경우, 앱이 설치안된 이슈가 발생할 수 있다. 이럴경우는 Intent 정보로 다음과 같이  주소를 만들면 된다. 

 

Intent://[스킴을 제외한주소]#Intent;scheme=[스킴];package=[패키지명]

 

웹에서 앱을 설치 또는 실행할 수 있는 초간단 예제는 다음과 같다. 

<html>
    <head>
    	<meta charset="UTF-8">
    	<script>
            function isAndroid(){
                var bExist = (/android/i.test(navigator.userAgent.toLowerCase()));	 
                if (bExist) {
                    return true;
                } else {
                    return false;
                }
            }

            function appLaunch(app_url){
                if(isAndroid()){
                    location.href = app_url;
                }
            }
        </script>
    </head>
    <body>
       	<span onclick="appLaunch('Intent://add?op1=20&op2=33#Intent;scheme=easycal;package=com.psw.calcultrainer;end')">
            <h1>App 설치 및 실행 - click</h1>   
            <div>Android외에는 아무반응을 하지 않습니다.</div>

            <img src= "https://play-lh.googleusercontent.com/vS48CuRkPP92bF-CmaAwovmj7PTgKMjWG0b4sC4_PIcEgvopyIoaGI8GePv7TAiHaw=s180-rw">

        </span>
    </body>
</html>

 

📢 Deeplink Test

앱이 설치되지 않은경우

 

앱이 설치된 경우

 

↓↓↓↓ Deeplink 실행하기  - Android 브라우저에서만 실행됨

 

누구나 쉬운 산수

산수공부를 위한 앱

vintageappmaker.com

 

Comments