87
Views
10
Comments
Autolaunching another app inside Mobile app webview
Question
Application Type
Mobile

Want to autolaunch another application for authentication after tapping qrcode inside the webview of Outsystems mobile app. If the same web url opened in external system browser, then its autolaunching the app but not inside the mobile app webview which is throwing browser not supported error.

2022-08-03 04-32-50
Ravi Punjwani

Hi Balaji,

Did you try InAppBrowser plugin?

2023-08-28 07-00-10
Paulo Torres
Champion

This open in iFrame I think!

UserImage.jpg
Balaji Chandran

Hi Ravi,

Yes. I am using Inapp browser plugin only. Looks like there is some limitation in that plugin which is not working exactly like a browser. The same URL can able to launch the app in mobile browser whereas the Inapp browser webview throwing the error.

2023-08-28 07-00-10
Paulo Torres
Champion

If I understood well you should use deeplinks.

https://success.outsystems.com/Documentation/How-to_Guides/Development/How_to_define_Mobile_App_deep_links

If you have questions let me know

UserImage.jpg
Balaji Chandran

Hi Paulo,

This one not through deeplink. I am opening an inapp browser inside my mobile app which is having a login button in that webview. If i click that login (tap qrcode) in webview, it will autolaunch another app where we need to authenticate there and come back to mobile app webview again. Now if i tap the qrcode it is throwing me browser not supported for autolaunch error. I tried using both In_App_Browser and  In_App_System_Browser also like below. But if i use In_App_System_Browser it is autolaunching the required app in iOS and it is covering the whole app without any option to goback. If i use In_App_System_Browser  in Android it is not even allowing me to click anything. So, my observation is In_App_System_Browser only working for iOS. This is the additional thing I observed. 

2022-08-03 04-32-50
Ravi Punjwani

Hi Balaji,

I think you are unable be able to launch another device app when you're inside an InAppBrowser.

You need to catch the event (communication by closing InAppBrowser with some command parameters) forwarding it to your Outsystems app client action, then launch another mobile app as per the command received from InAppBrowser.

Hope this helps. A sample app demonstrating the use case would be much ideas because the exact scenario is a slightly difficult to understand from your message.

UserImage.jpg
Balaji Chandran

Hi Ravi,

This is my exact scenario below.

1. Open a Webview inside a mobile app ABC with the URL. That URL have login option. Login option is something like tap qr(not a password login). 
2. Expected behaviour: After tapping the qr code it shouldn't close the webview. It should autolaunch the Singpass app where we need to authenticate and come back to ABC( Like a banking transaction you will go to the banking app to approve the transaction and come back to web browser to proceed further)
3. Actual behaviour: After tapping qr code it is blocking the autolaunch of Singpass app which is throwing the error message in the webview that browser not supported for autolaunching.
4. We cannot close the webview as the login and further actions are still within the webview which is for doing external services for the mobile users instead of going out of the app.

2022-08-03 04-32-50
Ravi Punjwani

Hi Balaji,

Did you make sure you've selected IN_APP_BROWSER and not the IN_APP_SYSTEM_BROWSER?

Also you should generate the app (and install that APK again on your device) if you added the InAppBrowser module after you last installed on your device.

It should easily work with InAppBrowser as it opens inside your own app only.

If you still have the same error, try using another Android device to make sure the issue is not with your device.

UserImage.jpg
Balaji Chandran

Hi Ravi,

Yes I tried all the possibilities already and nothing works out. Looks like this will be a limitation in Android device as it is working fine in iOS if I put the target as In_App_SystemBrowser.

2022-08-03 04-32-50
Ravi Punjwani

Here's the another way of implementing it. Please find the oml attached.

IAB_Demo.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.