Web Mobile 에서 APP 을 실행 할수 있다.
이를 앱링크 or 딥링크 라고 한다.
ex) 트위터의 예를 들어
<a href="twitter://media" target="blank">
와 같이 작성을 하면 핸드폰 내에 설치되어져있는 트위터 앱이 실행이 된다.
이슈 1 . Android 의 경우와 IOS 의 경우 앱 실행 경로가 다르다.
[Android 의 경우]
<a href="intent://twitter/#Intent;scheme=twitter;package=com.twitter.android;end" target="blank">
[IOS 의 경우]
<a href="twitter://media" target="blank">
이슈 2. 해당 앱이 나의 핸드폰에 설치가 되어져있지 않는경우
Android 의 경우 위에 적힌 경로를 그대로 사용하면 본인의 핸드폰에 트위터 앱이 설치가 되어져있는 경우 트위터 앱이 실행 되어지고 만약 설치가 되어져있지 않다면 레이어 팝업 형태로 구글 앱스토어의 설치 화면이 뜨게 되어서 별다른 이슈가 없다.
IOS 의 경우 위에 적힌 경로를 그대로 사용하면 본인의 핸드폰에 트위터 앱이 설치가 되어져있는 경우 트위터가 실행 되지만 만약 설치가 되어져있지 않다면 아무런 일도 발생하지 않아서 사용자들이 이것이 제대로 실행이 되엇는가를 알 방법이 없다. 그래서 IOS 의 경우 별도의 개발이 필요하다.
<script>
function ios_go_url(){
var url = "twitter://media";
setTimeout( function() {
window.open("https://itunes.apple.com/kr/app/twitter/id333903271?mt=8");
}, 1000);
location.href = url; }
</script>
소스를 살펴보면 셋 타임아웃 1000을 걸어서 1초 이후에 아무일도 발생을 하지 않는다면 ios 앱스토어로 이동하게 소스를 작성하면 된다.
댓글