Forum | Appery.io

I am trying to test the FB app login, starting with the old example posted on Appery:

var cb = null;
if(window.plugins) {
// works only with the native app
cb = window.plugins.childBrowser;
}
if (cb !== null) {etc.etc..

I cannot even get 'window.plugins' to be true (using an android nexus phone) or the appery.io tester.

I am using PG 3.0.0 is my app setup.

Do you have any idea what's going on? Thanks.

Hello,

Which version of the library do you use?

Hello,

Here is the latest code I am using as I found the newer version of PG doesn't support "window.plugins". I am getting a blank screen somewhere/sometime around the window.open. I have also a window.location.hash = ''" in some generic js.

versions:

v2.0 (originally 1.2)
PG: 3.3.0
jq mobile: 1.4.0
jq 1.9.1

var redirectUrl = encodeURIComponent(pathname);

var url = 'https://www.facebook.com/dialog/oauth...;
url += '&redirect_uri=' + redirectUrl;

url += '&state='+OAuth.nonce(17);

var deviceType = (navigator.userAgent.match(/iPad/i)) == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i)) == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "desktop";

//localStorage.setItem('deviceType', deviceType);
if (deviceType != 'desktop') {
//alert(url);
var ref = window.open(url, '_blank', 'location=no');
BLANK SCREEN

ref.addEventListener('loadstart', function(event) {
if(event.url.indexOf(redirectUrl) === 0) {
/* if user successfully logged in */
ref.close();
var vars = parseUrlVars(event.url);
localStorage.setItem('code', vars.code);
Appery.navigateTo('startScreen', {reverse: false});
}

});

} else {
localStorage.setItem('code', '');
window.open(url);

// works fine from in non-native mode
}

Any news?

Hello!

1) Please take a look here https://getsatisfaction.com/apperyio/...
2) Instead preif (deviceType != 'desktop') /predo preif (typeof cordova !== 'undefined')/pre3) Please note you can call window.open only after device ready event. Otherwise in hybrid app will be opened webView window, ref.addEventListener and ref.close won't work for it.

Hello Maryna.

Same result. I did 2 tests (in the apperyio tester) In both I used the typeof cordova (although my former test with deviceType worked fine I can assure you)

1. I used a local var ref

2. I used a global var ref

   In both cases i go through the 1st branch of the test (alert ok1 comes up) and I get a blank screen.

   I had already seen the post you mentionned and my code is based on it.

   Thanks

   var deviceType = (navigator.userAgent.match(/iPad/i)) == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i)) == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "desktop";

   if (typeof cordova !== 'undefined') {
   //if (deviceType != 'desktop') {
   alert('ok1');

   var ref = window.open(url, '_blank', 'location=no');

   ref.addEventListener('loadstart', function(event) {
   if(event.url.indexOf(redirectUrl) === 0) {
   /* if user successfully logged in */
   ref.close();
   var vars = parseUrlVars(event.url);
   localStorage.setItem('code', vars.code);
   Appery.navigateTo('startScreen', {reverse: false});
   }

   });

   } else {
   localStorage.setItem('code', '');
   window.open(url);
   }

Maryne,

It seems the problem stemmend from the redirect URL. I was using:

var redirect = $(location).attr('href')

instead of pointing back to an http address. I can now get to the fb login. However it seems that the fb login doesn't "stick"... that's the next battle.

Hello!
Could you clarify what do you mean on "it seems that the fb login doesn't "stick""? Do you need further help?

I found the way to switch to the web app (non native) with _system. That's waht I am doing now. By not sticking, I mean the following:

1. the native app now opens correctly a facebook login. However it's not even the fb native app... just the web app. may be that's teh way it's suppose to be.

2. I log in facebook.

3. the callback works now that i redirect to an http rather than a file///

4. However my "FB.Event.subscribe('auth.authResponseChange'" doesn't see I am now connected.

   So far I don't need more help but any comment is welcomed.

   Thanks

Hello,

Most likely, it is related to the fact that you go to another site on the third step.