모바일웹에서 어플 실행하기
모바일웹에서 네이티브앱 실행하기
아래 예제 소스가있습니다.
자신의 앱 스키마로 소스를 변경하시고
구글스토어, 앱스토어 주소를 맞게 변경하신다음 테스트해보시면 될것같습니다.
아이폰의 경우.. 명확하게 앱 설치여부를 판단할만한 방법을 아직 모르겠는데..
혹시 아시는분은 댓글 부탁드립니다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="os_name"></div>
<h1><a href="#" onclick="appStart()" data-role="button">Jusikon Start (onclick event)</a></h1>
<iframe id="checkframe" name="checkframe" src="check.html" width="0" height="0" style="display:none"></iframe>
</body>
<script>
// OS 확인
var uAgent = navigator.userAgent.toLocaleLowerCase();
if(uAgent.indexOf("android") != -1)
OSName = "android";
else if(uAgent.indexOf("iphone") != -1 || uAgent.indexOf("ipad") != -1 || uAgent.indexOf("ipod") != -1)
OSName="ios";
else
OSName="is not mobile";
// 확인한 OS이름을 HTML에 표시
document.getElementById("os_name").innerHTML="<h1>Your os : "+OSName+"</h1>";
// 어플 실행
function appStart(){
if("ios" == OSName || "android" == OSName){
document.checkframe.location = "app_scheme://";
setTimeout("checkApplicationInstall_callback()", 1500);
}else{
// 어플 실행하지 않고 종료
return;
}
}
// Android의경우 어플실행 확인 및 설치페이지 이동
// IOS의 경우 어플실행명령 후 1.5초 후에 설치페이지 이동에 대한 확인창 발생
function checkApplicationInstall_callback() {
if("android"==OSName){
try {
var s = document.checkframe.document.body.innerHTML;
// 어플리케이션 설치되어있음
} catch (e) {
// 어플리케이션 설치 안 되어있음
// IOS 는 이영역으로 넘어오질 않음..
if (window.confirm("Not installed - android ")){
var android_url = "market://details?id=com.xxx.app";
location.href = android_url;
}
}
}
if("ios" == OSName){
if (window.confirm("Not installed - ios")){
var ios_url = "https://appsto.re/kr/asdfg";
location.href = ios_url;
}
}
}
</script>
</html>
댓글
댓글 쓰기