Deep Linking for Android and Apple in React.js

Today I will discuss about how to create Android & Apple Deeplinking.

For Android

1. You have assetlinks.json file .
2. Create "assetlinks.json" file. Include the file inside public/.well-known folder .
3. The route is --> domainname/.well-known/assetlinks.json .

For Apple

Unable to host static file apple-app-site-association from the react project root in locally .

Solutions :

Need two file and paste this json on this file:

1. public/.well-known/apple-app-site-association.
2. public/.well-known/apple-app-site-association.json

{
  "applinks": {
    "apps": [

    ],
    "details": [
      {
        "appID": "xxxxxxxx-xxxxxxxx",
        "paths": [
          "*",
          "/"
        ]
      }
    ]
  }
}

Using
1 . AWS Amplify
I added the following to the top of my redirects on amplify

{
    "source": "/.well-known/apple-app-site-association",
    "target": "/.well-known/apple-app-site-association.json",
    "status": "200",
    "condition": null
},

Add a redirect

Finally, Apple expects this file to exist at the exact path yourdomain.com/.well-known/apple-app-site-association.

Test your app

First, you'll need to make sure you publish your website on the domain you used.

Thanks for reading