Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I make a PWA application access other native app?

I am creating a PWA application running on both iOS and Android. There is a requirement on the app to support navigation. I know it is hard to support the navigation on a PWA app what I want to achieve is that to popup a dialog to ask users to open a native app for navigation such as google map or apple map etc. How can I do that through PWA application?

Another use case is that how I can pass additional information to the native app? For example, I create a native app and want it to be open from a PWA app. How can PWA app open my native app and pass a json data.

like image 835
Joey Yi Zhao Avatar asked Aug 03 '18 04:08

Joey Yi Zhao


People also ask

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.

Can PWA access more native features of the device compared to hybrid app?

Since PWAs run on browsers, both Hybrid Apps and PWAs only have limited access to device features unlike Native Apps. The latest devices have no problem loading PWA sites through browsers, but old devices with out-dated OS will have problems.

Can PWA replace native apps?

Many established businesses have already gone through the rigors of building out a (native) mobile experience for their customers. But a good PWA effectively replaces a company's mobile site, its native app and maybe even it's desktop site. In other words, it's a mobile-first approach to connecting with your customers.

What can PWA access?

With PWA, it can access the majority of the native device hardware, including push notification without relying on the browser or any other entity. Also, it's much faster than regular web applications and the cost of PWA development is also lesser than of developing a native mobile app.


1 Answers

For opening native maps apps, use URL schemes.

For example if you want to open the Apple maps app focussing the apple headquarter, use this URL: http://maps.apple.com/?address=1,Infinite+Loop,Cupertino,California. If you open such link in the Safari browser, a popup opens which asks to open the Apple maps native app. (source)

For the Google maps app, it is similar. You just have to use Google maps links like this: https://www.google.com/maps/search/?api=1&query=Infinite+Loop,Cupertino,California. (source)

like image 176
JSON Derulo Avatar answered Sep 28 '22 20:09

JSON Derulo