Geek Answers Handbook

Is it possible to implement deep links from a website to a native application?

I have three buttons on my website that link to Facebook, Twitter and vk.com. I want to open a native application if it is installed on a user device. Otherwise, I want the URL response to be open.

First of all, I tried to use native application schemes directly with the deep-link.js plugin . But, when I tried to open the URL scheme of the native application when the native application was not installed, Safari showed an error, but finally opened the URL rollback page. By default, the Android browser said that it did not know how to handle such a URL scheme:

<a class="btn btn-primary" href="https://www.facebook.com/warpcompany" data-app-ios="fb://profile/838619192839881" data-app-android="fb://page/838619192839881">Facebook</a>
Run codeHide result

Then I tried to use the links to the "standard" applications that are so popular on Facebook. I even tried using their links to hosted applications to make sure everything was correctly generated. It does not work, it always redirects to the backup site. You can easily check it yourself with https://fb.me/746134728830806

Is it possible to provide a deep link on the website that will open its own application without errors, at least in the default browsers, or quietly roll back to the URL?

+4
source share
3 answers

It's possible, but in newer versions of the default Android browser, you should use intentions instead of just trying to open a deep link. For example, replace fb://page/838619192839881with

intent://page/838619192839881#Intent;scheme=fb;package=com.facebook.katana;end

Google , , S.browser_fallback_url:

intent://page/838619192839881#Intent;scheme=fb;package=com.facebook.katana;S.browser_fallback_url=http%3A%2F%2Fwww.facebook.com%2F;end

URL.

, , Android ( ). HTML .

HOKO, , , Android iPhone, . , .

+9

Chrome v28 Android 5.0. , , - Facebook/Twitter, Firefox, UC , 5.0, .

JS:

    var openSesame = function() {
        var method = 'iframe';
        var fallbackFunction = function() {
            if (method == 'iframe') {
                window.location = "market://details?id=com.facebook.katana";
            }
        };
        var addIFrame = function() {
            var iframe = document.createElement("iframe");
            iframe.style.border = "none";
            iframe.style.width = "1px";
            iframe.style.height = "1px";
            iframe.src = "fb://page/838619192839881";
            document.body.appendChild(iframe);
        };
        var loadChromeIntent = function() {
            method = 'intent';
            document.location = "intent://page/838619192839881#Intent;scheme=fb;package=com.facebook.katana;end";
        };
        if (navigator.userAgent.match(/Chrome/) && !navigator.userAgent.match("Version/")) {
            loadChromeIntent();
        }
        else if (navigator.userAgent.match(/Firefox/)) {
            window.location = "fb://page/838619192839881";
        }
        else {
            addIFrame();
        }
        setTimeout(fallbackFunction, 750);
    };

:

<a href="" onclick="openSesame();">Open the App</a>

​​, branch.io, , .

+5

More articles:


All Articles