Facebook JS SDK issue with iPad CNA browser - ipad

I'm writing an application which runs when a user tries to access a WiFi network and requires them to authenticate themselves. The router directs them to the site where they have some authentication options, one of which is through Facebook.
FB.login(function(response){
if(response.authResponse){
checkFBPermissions(response.authResponse.grantedScopes);
}else{
backToLoginOptions();
}
},{
scope: permissions,
auth_type: authtype,
return_scopes: true,
});
This all works fine on a laptop, android and even the new iPhone. On the iPad however (running iOS8), within the CNA browser (the browser that is launched automatically when connecting to the WiFi network) when the user hits login via FB they are taken to the FB login page within the same "tab" (I guess the CNA browser only ever has one tab) rather than opening a new window, and then after the user submits the Facebook login form it goes to a blank page. I guess this is because of the navigation away from the page (thus the JS code awaiting the response stops running).
We have a workaround which uses the "https://www.facebook.com/dialog/oauth?" method but this doesn't seem to be supported by the new FB API and I was hoping to find a solution that uses the new standard.
Any ideas?

Wifi network gateway is able to byPass the CNA browser. Then user is able to open browser manually.
Ruckus wireless provided this solution - bypassCNA=true
This will bypasses only iOS CNA page. Not android mini browser.

Related

IOS Captive Network Assistant stuck on "cancel" even though CAPPORT authentication was successful

We are trying to implement a login flow for a public Wi-Fi. With Android and Windows devices the login flow works perfectly.
With IOS (15) devices the Captive Network Assistant does not complete. In the upper right corner the Cancel button does not change to Done even though the authentication was successful.
Our login application is a Single Page application. Therefore the user is routed to the welcome page after login. When we do a manual reload of the page the Button changes to done.
We use the Captive Portal API (CAPPORT) to identify the access point as captive portal.
I think the following issue is related to our problem: https://community.cisco.com/t5/network-access-control/cisco-ise-3-1-sponsor-guest-flow-and-apple-cna-issue-cancel/td-p/4500187
Is there a possibility to get the state to done without reload?

iPhone OAuth login request redirects to App not Browser, doesn't work

My current scenario is:
Running an iPhone on the latest iOS
LinkedIn App is installed and logged in
Web browser is NOT logged into LinkedIn (because I have the app)
Developing a web app with "log in with LinkedIn" functionality
On the iPhone, clicking the "log in with LinkedIn" button redirects me straight the the LinkedIn App, which subsequently does nothing - just shows me my feed. I have verified this same behaviour occurs on a third-party site as well as my own. Note that Android exhibits similar behaviour, though I haven't tested as extensively there.
I've found several workarounds:
If I open the web site in Private Browsing mode clicking the login button asks me if I want to open the App or stay in the browser.
If I long-press and "Open in background tab" the login button it'll open (in the background, of course) instead of redirecting to the app, allowing me to log in.
If I manually type "linkedin.com" into the browser and log in then it seems to work too.
None of these are even vaguely practical for end users, essentially forcing us to remove the option entirely.
I'm fairly sure this is a problem at LinkedIn's end and the solution is either:
Don't redirect to the App for OAuth Authorize requests, or
Make the App correctly handle OAuth Authorize requests.
If I'm incorrect and there's some way we can stop this redirect from the client side I'd be happy to hear, otherwise I hope LinkedIn engineers actually see this...
See the comments in Issues with Linkedin Social connection
LinkedIn already confirmed that it is a problem on their side.

iOS app using OAuth2 with Google and Safari presents open page dialog

I have finally got my iPhone app to authenticate and return back to my app with the authorisation code. The main problem was that the reverse client id did not get picked up by my app. I had to add an url scheme of my bundle id instead of the reverse client id.
Anywho, the problem is post authenticating in Safari I am presented with a open 'app name' page dialog. If the user clicks open it works fine. If they leave it for just a few seconds it redirects them to the Google homepage and they have to start all over again. If they are using two factor authentication by any other method than phone call I think it fails too.
How can I avoid this open page dialog?
The solution I found was to use the official Google library for iOS. This does not involve Safari like the AeroGear library I was using does.

OAUTH 2 not working on "standalone" HTML5 app vrs web app

I have a web app eg www.webapp.com that uses Google's OAUTH2 (gapi.authorize) (OAUTH2) to sign in users. It works from the desktop and mobile devices as long as I use the browser to navigate to the site.
PROBLEM: I can install it to the (eg "Add to Homescreen" on Android). But when I run it from the homescreen, the authentication/consent screen gets stuck on a blank page and a "connecting" message. My manifest.json file has display: standalone
I have to manually close the popup, and use the "Back" button on the phone to get back to the login screen. The response
token etc. are there as expected. Why is the popup screen not closing? How can it be forced to close without user intervention?

telerik appbuilder oAuth popup doesn't close

I am using Azure Mobile service's oAuth to authenticate users with their facebook/google/twitter in a hybrid JS app. When azure client's 'login' method is called, it opens a popup window to show the selected oAuth providers login screen where user can enter login credentials. After the authentication is over, this popup usually closes, when I test on Chrome Ripple emulator or on my device.
I test my code also on Telerik Appbuilder, because it gives more 'real-device' environment compared to Chrome Ripple (some may differ on this point, but I don't want to get into that argument and that's actually not the point of this question).
The issue I am facing when testing on Telerik Appbuilder device emulator is - the oAuth popup doesn't close once user is done logging in - wondering if anyone may have any clue about this issue? many thanks.

Resources