Javascript APP 실행 (Android, IOS) 웹에서 앱 실행하기

일이 좀 있어서 Javascript 즉 모바일 웹에서 네이티브 APP을 실행해야하는 일이 생겼다..

뭐 네이버 검색과 구글 검색을 좀 해봤는데 자료는 많이 나오는편이다..

그러나 ;;;;; IOS 의 Update와 Android 의 잦은 Update로 인하여 젠장할 되는 코드가 극히적다.

하루나 뻘짓해 가면서... 코드를 다 만들고 최종 확인을 하였다..

IOS 아이폰 의경우에는 큰 무리없이 잘되지만... 문제는 항상 안드로이드 이다.

수많은 브라우져들과.... 쓸데없는 업데이트들.. 그리고 수많은 디바이스....

아 젠장할 짜증난다 안드로이드

여튼.. 코드는 아래와 같다~

var ios_appstoreUrl = "http://itunes.apple.com/kr/app/id393499958?mt=8";
var ios_appUrl = "naversearchapp://search?qmenu=voicerecg&version=1";

//url 은 “naversearchapp://search?qmenu=voicerecg&version=1”  
function runApp_ios() {
    var clickedAt = +new Date;

var naverAppCheckTimer = setTimeout(function () {
        if (+new Date - clickedAt < 2000)
            if (window.confirm("네이버앱 최신 버전이 설치되어 있지 않습니다.\n설치페이지로 이동하시겠습니까?"))
                location.href = ios_appstoreUrl;
    }
        , 1500);

location.href = ios_appUrl;
}

//여기까지 IOS

//var android_marketUrl = "market://details?id=com.google.zxing.client.android";
//var android_appUrl = "zxing://scan";
//var android_intent = "intent://scan/#Intent;scheme=zxing;package=com.google.zxing.client.android;end";

var android_marketUrl = "market://details?id=com.gsr.gs25";
var android_appUrl = "gsbk://calc";
var android_intent = "intent://calc/#Intent;scheme=gsbk;package=com.bizware.client;end";

var timer;
var heartbeat;
var iframe_timer;

function clearTimers() {
    clearTimeout(timer);
    clearTimeout(heartbeat);
    clearTimeout(iframe_timer);
}

function intervalHeartbeat() {
    if (document.webkitHidden || document.hidden) {
        clearTimers();
    }
}

function tryIframeApproach() {
    var iframe = document.createElement("iframe");
    iframe.style.border = "none";
    iframe.style.width = "1px";
    iframe.style.height = "1px";
    iframe.onload = function () {
        document.location = android_marketUrl;
    };
    iframe.src = android_appUrl;
    document.body.appendChild(iframe);
}

function tryWebkitApproach() {
    document.location = android_appUrl;
    timer = setTimeout(function () {
        document.location = android_marketUrl;
    }, 2500);
}

function useIntent() {
    document.location = android_intent;
}

function runApp() {
    var devName = OSInfoDev();
    if (devName.indexOf("MacOS") != -1) {
        runApp_ios();
    }
    else if (devName.indexOf("Android") != -1) {
        launch_app_or_alt_url($(this));
        event.preventDefault();
    }

$.mobile.loading('show', {
        text: "Demo APP을 실행합니다. 잠시만 기다리세요.",
        textVisible: true,
        theme: "b",
        html: ""
    });

}

위에 코드는 javascript 이다.

Osinfo.js

js 파일이 하나가 더 필요한데 위에꺼는 접속한 디바이스 정보를 가져오는 js 이다.

안드로이드 인지.. 아이폰인지.. 윈도우인지.. 뭐 그런 정보 가져오는넘이고..

아래는 html 소스다.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="app.aspx.cs" Inherits="NCTech.app" %>

$(function () {

$('#btnRun').click(function () {
                  runApp();

});

</script>

</head>

<a href="#" id="btnRun">adasda</a>
   <p>
     <i>Only works on android!</i>
   </p>

저작자표시 비영리 변경금지

'Mobile Programming > HTML/JavaScript' 카테고리의 다른 글

JavaScript XML(URL) 파싱 (0)	2012.02.10

Hslee

Javascript APP 실행 (Android, IOS) 웹에서 앱 실행하기

'Mobile Programming > HTML/JavaScript' 카테고리의 다른 글

댓글

티스토리툴바

Javascript APP 실행 (Android, IOS) 웹에서 앱 실행하기

'Mobile Programming > HTML/JavaScript' 카테고리의 다른 글

관련글

댓글

티스토리툴바