잡담소장소

모바일웹에서 앱 실행 또는 설치 페이지 이동 본문

Study ;3

모바일웹에서 앱 실행 또는 설치 페이지 이동

유부뽀 2013. 2. 7. 15:32

웹에서 앱 설치 여부에 따라 앱스토어 혹은 마켓으로 이동하거나 앱 실행해야 하는 이슈가 있어서 개발하게 된 코드

정확히는 여기저기 알아봄 ㅜ.ㅜ

일단 네이버앱 연동하는 페이지 참고

http://dev.naver.com/openapi/mobile/naverapp


그런데 안드로이드에서 뭔가 제대로 동작하지 않아서 블로그 뒤지다가 그냥 ios랑 같은 방식으로 넘김..

* jquery 스크립트 포함되어야 함.


ios나 android나 방식은 같다.

타이머걸어놓고 앱 실행 안되면 마켓으로 이동.

안드로이드는 마켓이동할때 iframe이용해야해서 좀 귀찮아씀 ㅜ.ㅜ

function is_installed_app_ios()
{
	var appstoreUrl = 'http://itunes.apple.com/kr/app/id[app_num_id]?mt=8';
	
	var url = "[app_str_id]://";
	var clickedAt = +new Date; 
						  
	AppCheckTimer = setTimeout(function() { 
		if (+new Date - clickedAt < 2000)
		{ 
			location.href = appstoreUrl; 
		}
	}, 1500);
		location.href = url; 
}

function is_installed_app_and()
{
	var macketUrl = 'http://market.android.com/details?id=[android_id]';
//var macketUrl = 'market://details?id=[android_id]';      
	install_and( macketUrl );

	var url = "[app_str_id]";
	$("#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 install_and( macketUrl )
{
	var clickedAt = new Date();
	setTimeout( function () {
		if(new Date() - clickedAt < 1500) 
		{
			location.href = macketUrl;
		}
	}, 500);
}
반응형
Comments