모바일에서 웹 url 접속 시 원하는 어플로 연결 시키는 소스입니다.
[com.naver.nhn]은 android 마켓 패키지 값,
[nhn]은 어플 scheme(스키마) 값
[id12345678]은 앱스토어 어플 아이디 값 입니다~~
안드로이드의 경우에 기본 브라우져가 아닌 크롬,네이버 등 사용자가 지정한 다른 브라우져로 링크연결 할 경우엔 마켓앱에서 실행되지 않고 웹뷰로 마켓이 연결됩니다...(안드로이드 네 이놈...)
저도 퍼와서 변경한 소스라 물어보셔도 자세히 설명 못 드리니 물어 보지 마세요 ㅎㅎ
감사합니다
<!doctype html>
<html lang="ko">
<head>
<title>[앱연결]</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<meta name="format-detection" content="telephone=no" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var openAt = new Date,
uagentLow = navigator.userAgent.toLocaleLowerCase(),
chrome25,
kitkatWebview;
$("body").append("<iframe id='iframeField'></iframe>");
$("#iframeField").hide();
setTimeout( function() {
if (new Date - openAt < 4000) {
if (uagentLow.search("android") > -1) {
$("#iframeField").attr("src","market://details?id=com.naver.nhn");
} else if (uagentLow.search("iphone") > -1) {
location.replace("https://itunes.apple.com/kr/app/id12345678");
}
}
}, 1000);
if(uagentLow.search("android") > -1){
chrome25 = uagentLow.search("chrome") > -1 && navigator.appVersion.match(/Chrome\/\d+.\d+/)[0].split("/")[1] > 25;
kitkatWebview = uagentLow.indexOf("naver") != -1 uagentLow.indexOf("daum") != -1;
if (chrome25 && !kitkatWebview){
document.location.href = "intent://scan/#Intent;scheme=nhn;package=com.naver.nhn;S.browser_fallback_url=https://play.google.com/store/apps/details?id=com.naver.nhn;end";
}else{
$(body).append(chrome25);
$("#iframeField").attr("src", 'nhn://applink?param=value');
}
}else if(uagentLow.search("iphone") > -1){
//$("#iframeField").attr("src", 'nhn://applink?param=value');
}
})
</script>
</head>
<body>
</body>
</html>
[출처] 모바일 웹에서 모바일 앱 실행하기/앱 미설치 시 마켓으로 이동하기
'프론트엔드 개발 놀이터 > etc' 카테고리의 다른 글
| 특정 프로그램이 죽었을 때 자동으로 재시작하게 하는 배치파일 (0) | 2020.10.19 |
|---|---|
| [casperjs] 윈도우 환경 실행시 did you install phantomj (0) | 2020.10.13 |
| vsCode 와 GitHub 연동하기 (0) | 2020.09.23 |
| iOS: 유니버셜 링크 적용하기 (웹페이지) (0) | 2020.09.10 |
| iOS: 유니버셜 링크 적용하기 (앱) (0) | 2020.09.10 |