Comment faire pour revenir à marché quand Android personnalisé schéma d'URL n'est pas manipulé?

Nous avons une application qui gère une URL personnalisée (régime vstream://). Quand quelqu'un arrive à une page web qui a une certaine vstream://contenu, nous avons besoin de les rediriger vers la boutique si ils n'ont pas notre application installée.

Dans iOS, nous le faisons:

setTimeout(function() {
  window.location =
    "itms://itunes.apple.com/us/app/kaon-v-stream/id378890806?mt=8&uo=4";
}, 25);

window.location = "vstream:view?code=...stuff...";

Si le window.location affectation échoue, le délai d'attente saute sur l'App Store avant de la boîte de dialogue s'affiche. (J'ai trouvé cette technique ici: Est-il possible d'enregistrer un http+de domaine Schéma d'URL pour les applications de l'iPhone, comme YouTube et Maps? .)

Malheureusement, cette astuce ne fonctionne pas sous Android. Nous détecter l'appareil côté serveur et a écrit ceci à la place de l'itms: ligne:

"market://details?id=com.kaon.android.vstream";

De la difficulté est, tandis qu'iOS renvoie une erreur lorsque vous accédez à un non gérée schéma d'url, Android va à une page générée. Par conséquent, le délai d'attente n'est jamais une chance de s'exécuter.

Est-il un moyen sur une page web explicitement test pour savoir si une URL personnalisée régime est géré, ou quelqu'un peut-il suggérer un hack comme celui qui va travailler dans Android? (Bien sûr, je suppose que j'ai besoin d'un hack qui fonctionne n'importe quel navigateur ils utilisent, ce qui est probablement un défi de taille...)

Mise à JOUR:
Les approches ci-dessous ne fonctionnent pas dans Jelly Bean sur une Nexus 7. Le nouveau navigateur google Chrome ne vont pas généré de la page (donc l'iFrame n'est pas nécessaire), mais il ne semble pas y avoir de moyen de savoir si le schéma d'URL a été traitée. S'il l'était, le délai d'extinction des incendies de toute façon. Si elle n'était pas géré le délai d'extinction des incendies. Si j'utilise un gestionnaire onload et une iframe, le gestionnaire onload n'est jamais déclenché (si l'application est installée ou pas). Je vais mettre à jour si j'arrive à comprendre comment savoir si le régime est géré...

J'ai supprimé mon "Résolu" sur ma solution précédente, puisqu'il ne fonctionne plus.

Mise à JOUR 2:
J'ai une bonne solution multi-plateforme maintenant qui fonctionne sur iOS, Android 4.1 avec Chrome et Android pré-Chrome. Voir ci-dessous...

Mise à jour 3:
Google ont tout cassé à nouveau avec les intentions. Découvrez la TRÈS belle solution que j'ai acceptée par amit_saxena là-bas quelque part /

  • On dirait que vous voulez lire sur la façon dont les Intentions de travailler dans Android: developer.android.com/guide/topics/intents/intents-filters.html
  • Ce n'est pas très utile commentaire. Nos intentions fonctionnent tout aussi bien. Si l'application est installée sur l'appareil, la page web de lance de notre application. La question est de savoir comment détecter si notre application a été installée à partir de la page web, de sorte que nous savons que de les envoyer à l'application ou à la boutique.
  • Si votre application (et par la suite votre Intention) n'est pas installé/enregistré, une demande avec un protocole de vstream ne sera pas aller n'importe où. Donc, juste envelopper de votre délai d'attente avec un autre délai, depuis itms: ne peuvent pas être enregistrés sur Android (autant que je sache), soit.
  • Je vais mettre à jour la question afin de montrer clairement ce que nous avons essayé sur Android.
  • ok merci, je pense que je vais manquer un morceau de cette
  • si vous possédez le site, et que vous voulez un peu de code pour rediriger un Android du navigateur du marché, s'ils n'ont pas votre app pour gérer vstream protocole?

InformationsquelleAutor Joshua Smith | 2011-08-29
  1. 15

    Ci-dessous est un extrait de code pour la plupart des navigateurs android:

    <script type="text/javascript">
var custom = "myapp://custom_url";
var alt = "http://mywebsite.com/alternate/content";
var g_intent = "intent://scan/#Intent;scheme=zxing;package=com.google.zxing.client.android;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 = alt;
};
iframe.src = custom;
document.body.appendChild(iframe);
}
function tryWebkitApproach() {
document.location = custom;
timer = setTimeout(function () {
document.location = alt;
}, 2500);
}
function useIntent() {
document.location = g_intent;
}
function launch_app_or_alt_url(el) {
heartbeat = setInterval(intervalHeartbeat, 200);
if (navigator.userAgent.match(/Chrome/)) {
useIntent();
} else if (navigator.userAgent.match(/Firefox/)) {
tryWebkitApproach();
iframe_timer = setTimeout(function () {
tryIframeApproach();
}, 1500);
} else {
tryIframeApproach();
}
}
$(".source_url").click(function (event) {
launch_app_or_alt_url($(this));
event.preventDefault();
});
</script>

    Vous devez ajouter source_url classe à la balise d'ancrage.

    J'ai blogué plus à ce sujet ici:

    http://aawaara.com/post/88310470252/smallest-piece-of-code-thats-going-to-change-the

    • Génial! Je ne sais pas quand je vais avoir une chance, mais je suis fondamentalement va remplacer tout ce que j'ai fait jusqu'à présent avec cet extrait.
    • Les travaux de cette. J'ai aussi été en mesure de passer un paramètre dans mon application, à l'aide de n'importe quel navigateur j'ai testé.
    • Juste une question, ce qui se passe sur Chrome < 25?
    • Ne souviens pas exactement, mais je crois que l'iframe approche permettra de travailler sur ceux-ci. Vous pouvez identifier l'agent utilisateur et utiliser l'iframe approche pour chrome < 25. Depuis c'est nettement ancienne version, donc je pense que l'utilisation sera très petite. Si vous en avez vraiment besoin, de mettre en œuvre ce que j'ai décrit ci-dessus.
    • Avez-vous un exemple? J'ai remarqué que vous utilisez jquery, a ajouté que et essayé quelques exemples avec un peu de chance.
    • le blog en bas a un travail essentiel que j'utilise dans mes applications.
    • oui j'avais vu cela, j'ai été en mesure de créer une plus simplifiée intention qui fonctionne sans votre base de code, mais pour une raison quelconque ne semble pas attacher dans votre script, afin de couvrir d'autres scénarios. Avez-vous le code html réel que vous avez utilisé pour obtenir le vôtre travail?
    • Les intentions de travailler uniquement dans les versions ultérieures de chrome. La partie n'est pas de travail pour vous? Si vous pouvez passer sur une hébergé HTML (ou autre chose que je peux jeter un oeil à), je peux essayer et de vous aider à déboguer. Ce travail est js extrait de code que j'utilise dans la production (et l'intention est séparé chose que vous devez définir dans votre application android manifest). Ce js extrait de simplement retombe à l'intention de l'approche pour chrome, et utilise d'autres approches pour les autres navigateurs.
    • Comment on peut passer de la chaîne de recherche sur l'Intention. voici ma question stackoverflow.com/questions/27503820/...

    InformationsquelleAutor amit_saxena
  2. 18

    Mise à JOUR: Google a cassé cette. Voir le nouveau accepté de répondre à la place.

    La clé, il s'avère, est le document.webkitHidden de la propriété. Lorsque vous définissez la fenêtre.emplacement pour une URL personnalisée régime et il s'ouvre, le navigateur continue de fonctionner, mais que la propriété passe à false. Ainsi, vous pouvez le tester afin de déterminer si l'URL personnalisée régime a été traitée.

    Voici un exemple, que vous pouvez vue en direct

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Starting App...</title>
<script>
var URL = "kaonkaon://product.html#malvern;6";
var MARKET = "market://details?id=com.kaon.android.lepton.kaon3d";
var ITUNES = "itms://itunes.apple.com/us/app/kaon-interactive-3d-product/id525051513?mt=8&uo=4";
var QR = "http://goo.gl/gz07g"; //this should be a shortened link back to this page
function onLoad() {
if (navigator.userAgent.match(/Android/)) {
if (navigator.userAgent.match(/Chrome/)) {
//Jelly Bean with Chrome browser
setTimeout(function() {
if (!document.webkitHidden)
window.location = MARKET;
}, 1000);
window.location = URL;
} else {
//Older Android browser
var iframe = document.createElement("iframe");
iframe.style.border = "none";
iframe.style.width = "1px";
iframe.style.height = "1px";
var t = setTimeout(function() {
window.location = MARKET;
}, 1000);
iframe.onload = function () { clearTimeout(t) };
iframe.src = URL;
document.body.appendChild(iframe);
}
} else if (navigator.userAgent.match(/iPhone|iPad|iPod/)) {
//IOS
setTimeout(function() {
if (!document.webkitHidden)
window.location = ITUNES;
}, 25);
window.location = URL;
} else {
//Not mobile
var img = document.createElement("img");
img.src = "https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl="+encodeURIComponent(QR);
document.body.appendChild(img);
}
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
    • Dans le cas où quelqu'un d'autre s'exécute dans ce, dans les deux prochaines semaines: j'ai été tester la solution ci-dessus sur iOS, Chrome, où il est actuellement ne fonctionne pas; j'ai brûlé quelques temps à essayer de l'y fixer, mais il s'avère que c'est un bug qui a été corrigé dans la prochaine version. code.google.com/p/chromium/issues/detail?id=157028
    • Dave, juste pour être clair, entendez-vous le navigateur Chrome sur iOS?
    • c'est le droit. Grand petit navigateur. C'est juste un iOS standard vue web avec quelques petits malins de l'INTERFACE utilisateur autour d'elle, de sorte que la plupart des choses qui fonctionnent dans le navigateur Safari Mobile doit fonctionner correctement dans iOS Chrome, mais cette chose est (pour l'instant) différents.
    • Juste essayé sur Android 4.2.2 et Chrome 25 et, dans le cas où l'application n'est pas installée, elle se termine juste en haut sur un Chrome page d'erreur (ERR_UNKNOWN_URL_SCHEME). Il semble presque comme ce bug a refait surface - code.google.com/p/chromium/issues/detail?id=157028 sauf sur Android au lieu de iOS.
    • Pour info, a déposé un Chrome bug pour cette (sur Android) - code.google.com/p/chromium/issues/detail?id=224097 - j'espère qu'ils le fixer comme ils en ont fixé pour iOS
    • Voici une mise à jour - entendu parler de Google et apparemment pour Chrome 25 et plus, ils recommandent d'utiliser un nouveau "intention" de la syntaxe d'URL contre les iframes. Voir developers.google.com/chrome/mobile/docs/intents. J'ai confirmé que cette méthode fonctionne sur Chrome 25+.
    • Je suppose que c'est bon que c'est pris en charge; toutefois, la documentation implique qu'il doit être fait par l'intermédiaire d'une action de l'utilisateur. Si c'est vrai, puis d'avoir une page te prendre pour une application automatiquement (onload) n'est pas d'aller travailler. Pouvez-vous confirmer si c'est vrai, Marc? (Apple assure que l'utilisateur veut l'application à lancer en invitant l'utilisateur, ce qui me semble une meilleure approche.)
    • J'ai été en mesure de l'obtenir pour fonctionner automatiquement en mettant le "intention:" URL caché dans un <a> tag et l'appel de la souris() dans le document gestionnaire onload.
    • une lame de question, qu'est-ce document.webkitHidden joue un rôle ici..toute la lumière sur que ce sera utile, thnx 🙂
    • Si l'intention travaillé, et l'application a commencé, puis le document.webkitHidden va de vrai. Si ça ne marchait pas, alors le document.webkitHidden reste faux. Ainsi, vous pouvez tester pour voir si l'intention travaillé. Cependant, vous devriez regarder à travers toutes les réponses ici, car il semble que google a changé tout un tas de fois depuis que j'ai commencé ce fil il y a cent ans. Et ma solution pourrait ne plus fonctionner. L'un avec "l'intention" de hrefs, ci-dessous, semble particulièrement intéressante.
    • j'ai suivi le même... mais si l'application n'est pas installée, il n'est pas de la redirection vers le MARCHÉ de l'URL. S'il vous plaît répondre si vous avez des recours
    • Il me semble que la intent: syntaxe exige de l'utilisateur de geste et de Chrome pour Android est mise en cache de l'utilisateur geste. À reproduire: 1) Créer une page avec intent: lien hypertexte. Appuyez sur dans Chrome pour Android. L'application ou le Google Play Store devrait ouvrir. 2) Modifié la page pour cliquer sur le lien via Javascript. 3) Recharger la page. Résultat de 1) devrait se produire. 4) fermer la page de l'onglet dans google Chrome. 5) ouvrez un nouvel onglet et aller à la page web de 2) (avec auto cliquez sur via Javascript). Page web non disponible erreur s'affiche. (à compter de la version Chrome 40.0.2214.89)

    InformationsquelleAutor Joshua Smith
  3. 14

    C'est la réponse qui vous sauvera tous !

    https://developers.google.com/chrome/mobile/docs/intents

    <a href="intent://scan/#Intent;scheme=zxing;package=com.google.zxing.client.android;end"> Take a QR code </a>

    Il en va de votre url schestart moi si l'application est installée ou sinon, il va commencer le marché à l'package

    • Cette solution est idéale pour Android. Moins gimicks et une solution de prise en charge de Google. Ce serait génial si iOS avait quelque chose de semblable.
    • Donc ce qui va se passer pour les plus âgés Android Chrome avant la version 25?
    • J'ai la même question!
    InformationsquelleAutor Christopher-BZC
  4. 6

    @jesmith, c'est un propre version qui corrige double action sur Android.

    if (navigator.appVersion.indexOf('iPhone') > -1) {
setTimeout(function noapp() { window.location="http://itunes.apple.com/app/id378890806?mt=8"; }, 25);
window.location = 'vstream:';
}
else if (navigator.userAgent.indexOf('Android') > -1) {
var iframe = document.createElement('iframe');
iframe.style.visibility = 'hidden';
iframe.src = 'vstream:';
iframe.onload = function noapp() { window.location="market://details?id=com.kaon.android.vstream"; };
document.body.appendChild(iframe);
}
    • Approche intéressante. Ainsi, le gestionnaire onload pour une image est appelée, même lorsque cette image est impossible de charger le contenu spécifié?
    InformationsquelleAutor vmus
  5. 4

    Résolu! Le truc, c'est d'ouvrir mon application dans un IFRAME, au lieu de la définition de l'emplacement:

    setTimeout(function() {
window.location =
"market://details?id=com.kaon.android.vstream";
}, 1000);
document.write('<iframe style="border:none; width:1px; height:1px;" src="vstream:view?code='+code+'"></iframe>');

    Avis que j'ai augmenté le délai d'attente à 1000, parce qu'Android ne fait les deux actions dans tous les cas (pas l'idéal, mais pas terrible), et ce délai est nécessaire afin d'assurer que le Marché n'est pas la chose que l'utilisateur voit quand je suis déjà installé.

    (Et oui, bien sûr, à l'aide de document.écrire, c'est donc le dernier siècle, mais je suis de la vieille école cette façon 🙂

    • facile moyen pour résoudre ce problème en faisant les deux options est d'obtenir la variable de la settimeout, et l'ajout de la fenêtre.clearTimeout(num) de l'événement onload de la balise iframe. de cette façon, si l'iframe charge, il exécute le code pour annuler la fenêtre.emplacement délai d'attente.
    • Serait le onload de la balise iframe serait même exécuter, puisque c'est le lancement d'une autre application?
    InformationsquelleAutor Joshua Smith
  6. 2

    Pour certaines raisons, la solution finale n'a pas fonctionné pour moi sur android (Est-ce juste moi?!!). La clé est que l'iframe.onload fonction n'est PAS exécutée lorsque votre application est installée, et elle EST exécutée lorsque votre application n'est PAS installée.

    La solution devient un peu plus simple en fait. Voici le segment de la "les Anciens Navigateur Android" partie:

        } else {
//Older Android browser
var iframe = document.createElement("iframe");
iframe.style.border = "none";
iframe.style.width = "1px";
iframe.style.height = "1px";
iframe.onload = function () { window.location = MARKET; };
iframe.src = URL;
document.body.appendChild(iframe);
}
    • Lorsque l'application n'est pas installée, l'unité que nous avons testés, mis en place une page générée, qui fait feu de son gestionnaire onload. Si vous n'avez pas le gestionnaire onload là, voyez-vous une page générée?
    • Qui a résolu le problème pour nous. Iframe.onload n'est jamais exécuté lorsque l'Application EST installée. Je suppose que parce que rien ne sera chargé dans l'iframe lui-même lorsque l'application est lancée, donc il ne sera jamais un événement onload de feu. Si l'application n'est PAS installée le onload se déclenche pour le "site introuvable" message qui est affiché à l'intérieur de l'iframe dans ce cas. Il nous reste à vérifier si c'est prévu ou comportement étrange bug dans la version d'android que nous testons sur.
    InformationsquelleAutor Jun Sun
  7. 1

    Intégrer un serveur http dans votre application en tant que Service, écouter un port local(supérieur à 1024, ex: 8080), envoyer une demande à partir du Navigateur à l'adresse 127.0.0.1:8080. Si votre application installée(et le service en cours d'exécution), le lancer, si échec de la demande, goto google play.

    • C'est vraiment intelligent. Sauf que l'utilisateur serait probablement paniquer quand ils voient que nous avons un service qui s'exécute dans notre application qui accepte les connexions.
    InformationsquelleAutor javamonk