ios – How you can open a react native app via an online web page hyperlink

I’m at present engaged on an iOS app constructed with React Native and am attempting to create an online web page that hyperlinks to the app.

I’ve gotten it to work on a web page served from my take a look at server on a special area. e.g. I can open a web page on https://testserver.com/index.html within the browser, and tapping a hyperlink to https://productionserver.com/some/web page DOES open the app.

Nonetheless, when making an attempt the identical on a web page served from the identical url, (a web page served by productionserver.com), the app doesn’t open, and as a substitute the browser makes an attempt to navigate to the URL of the linked web page. The identical occurs in Firefox, Chrome and Safari.

Since I can hyperlink to the app from testserver.com I’m certain that the app is appropriately configured, however I think the issue has one thing to do with the area serving the web page and the area of the app hyperlink being the identical.

I’ve tried utilizing a common hyperlink by including an apple-app-site-association file with the next contents:

{
    "applinks": {
        "apps": [],
        "particulars": [
            {
                "appID": "abc123.com.myapp.app",
                "paths": [ "/some/page", "/another/page" ]
            },
            {
                "appID": "abc123.com.myapp.take a look at",
                "paths": [ "/some/page", "/another/page" ]
            }
        ]
    }
}