Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Deep linking from Web to PWA (Standalone Version)

Tags:

I have a web app that it can be installed as standalone application in the homescreen thanks to PWA standard.

When a user forget his password, a email is sent to him with a link to reset the password.

Can I deep-link to the already-installed standalone version instead of the web application in chrome browser? I'd like to achieve this behaviour:

  • User clicks in email link from gmail application.
  • OS check if link matches with any url schema pre-registered in the system (This is the step that I don't really know if it's possible from web right now)
  • If found, open the standalone version. Otherwise, open the browser.
like image 697
Alex29 Avatar asked Aug 31 '17 10:08

Alex29


People also ask

How do you deep link a website to the app?

If you want to handle deep linking in both Android and iOS, it is recommended to use Dynamic Links. With Dynamic Links , you treat on all platforms such as Android, iOS and web in a similar way. It seamlessly transits users from your mobile website to the equivalent content within your app.

What is the difference between deep links and app links?

When a user click an URL, it might open a dialog which asks the user to select one of multiple apps handling the given URL. On the other hand, An Android App Link is a deep link based on your website URL that has been verified to belong to your website. When user clicks that URL, it opens your app.

Is https mandatory for PWA?

Three Features of Every PWA. Every Progressive Web Application must have at least these three features: a web manifest file, registered service worker and uses HTTPS.

Can PWA access native features?

Despite their progressiveness, these are still web apps. Without access to device hardware, PWAs can't support such native-app typical features as fingerprint scanning, vicinity sensors, NFC, Bluetooth, geofencing, inter-app communications, and advanced camera controls.


1 Answers

There is an example of describing intent filters in json here. The relevant section of the manifest is intent_filters

{   "manifest_package": "org.chromium.webapk.test",   "scope_url": "https://pwa.rocks/",   "intent_filters": {     "scope_url_scheme": "https",     "scope_url_host": "pwa.rocks",     "scope_url_path": "/"   },   "start_url": "https://pwa.rocks/",   "display_mode": "standalone",   "orientation": "portrait",   "theme_color": "2147483648L",   "background_color": "2147483648L",   "icon_urls_and_icon_murmur2_hashes": "http://www.pwa.rocks/icon1.png 0 http://www.pwa.rocks/icon2.png 0",   "web_manifest_url": "https://pwa.rocks/pwa.webmanifest",   "version_code": "1",   "version_name": "1.0",   "bound_webapk": {     "runtime_host": "org.chromium.chrome",     "runtime_host_application_name": "Chromium"   } } 
like image 196
Gardner Bickford Avatar answered Sep 26 '22 14:09

Gardner Bickford