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