웹에서 앱을 호출하거나, 앱 내에서 앱을 호출하는 방법을 알아보자.
(HTML을 이용하여 호출할 때)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
<div id="wrap">
<div><a href='javascript:callApp("URL Scheme://파라미터");'>일반 앱 호출</a></div>
<div><a href='javascript:callApp("URL Scheme://v1/folio/folio_name/Article Name#2");'>DPS 앱 호출</a><br></div>
<div id="div_app"></div>
</div>
<script>
function callApp(url){
var appstoreUrl = "앱이 설치되지 않았을 때 보낼 URL";
callApp2(appstoreUrl);
$("#div_app").html("<iframe id='frm' src='"+url+"' width=0 height=0 frameborder=0></iframe>");
setTimeout(function(){
var div = $("#div_app");
var iframe = $("#frm");
if(iframe.length > 0){
iframe.remove();
}
},1000);
}
function callApp2(appstoreUrl) {
var clickedAt = new Date();
setTimeout(function() {
if (new Date() - clickedAt < 2000){
//아래 confirm이 있을때는 앱을 실행하고 나서 돌아오면 또 confirm메시지가 출력되기때문에 주석처리함
//if (window.confirm("앱북 최신 버전이 설치되어 있지 않습니다. \n설치페이지로 이동하시겠습니까?")){
location.href = appstoreUrl;
//}
}
}, 500);
}
</script>
</body>
</html>
빨간 글씨를 상황에 맞게 수정하여 사용하면 됨.
confirm은 주석처리 해놨는데 에러메시지 출력 안하는 네이티브앱 에서는 confirm 사용해도 무방함.
'Javascript' 카테고리의 다른 글
| XML 처리시 CDATA 활용하기 (0) | 2015.10.15 |
|---|---|
| 라디오버튼 유효성 체크 (0) | 2014.03.04 |
| javascript 슬라이드 배너 만들기 (0) | 2013.09.04 |
| javascript 에서 number_format 사용하기 (0) | 2013.07.12 |
| iScroll 스크롤 현재위치 알아내기 (0) | 2013.06.21 |