Deep Linking for Andriod and Apple in React.js

Deep Linking for Andriod and Apple in React.js

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

For Android

You have assetlinks.json file .
Create “assetlinks.json” file. Include the file inside public/.well-known folder .
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:

public/.well-known/apple-app-site-association.

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

Leave a Reply

Your email address will not be published. Required fields are marked *