如何为 iOS 通用链接和 Android 资产链接设置 Angular 项目以在本机移动应用程序中打开链接

Question

Does anyone know how I should set up my Angular project to use native mobile app linkage?

Eg

iOS: Universal Links: https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.html

Android: Digital Asset Links: https://developers.google.com/digital-asset-links/v1/getting-started

Thanks a bunch!

Answer 1

I found out a few things:

1.) I've placed the .well-known folder in the src folder of my angular project. The .well-known folder contains both the apple-app-site-association file for iOS apps, as well as the assetlinks.json for android apps.

2.) In the .angular-cli.json configuration, I've added the .well-known folder to the apps->assets configuration.

3.) For the deployment in the nginx.conf file, I've added:

# Used to open links in the native PEAX iOS app, if available
location = /.well-known/apple-app-site-association { }

# Used to open links in the native PEAX Android app, if available
location = /.well-known/assetlinks.json { }