FB Login goes to Appery login page

[Kateryna Grynko]

Hi Brian,

You can run this JS code on "update" button click:prevar redirectUrl = 'http://appery.io/app/view/{ENTER HERE YOUR APPERY.IO APP ID}/Free_Card.html';

var url = 'https://www.facebook.com/dialog/oauth?client_id={your client_id}';
url += '&redirect_uri=' + redirectUrl;
url += '&scope=basic_info,user_birthday,friends_birthday';
url += '&state='+OAuth.nonce(17);

if (document.URL.indexOf('http://') === -1 && document.URL.indexOf('https://') === -1) {
var ref = window.open(url, '_blank', 'location=yes');
ref.addEventListener("loadstart", saveFBCode);

} else {

Code: Select all

localStorage.setItem('fb_code', ''); 
window.open(url); 

}
function saveFBCode(event) {

Code: Select all

     if (event.url.indexOf(redirectUrl) === 0) { 
         var vars = parseUrlVars(event.url); 
           localStorage.setItem('fb_code', vars.code); /* store secret code */                     
         ref.close(); 
         Appery.navigateTo('Free_Card', {reverse: false}); /* Navigate to page 'result' */            
     } 

 }/pre

[Alena Prykhodko]

Hello,

You can Run this JS code on "update" button Click event:

pre
var redirectUrl = 'http://appery.io/app/view/{ENTER HERE YOUR APPERY.IO APP ID}/Free_Card.html';

var url = 'https://www.facebook.com/dialog/oauth?client_id={your client_id}';
url += '&redirect_uri=' + redirectUrl;
url += '&scope=basic_info,user_birthday,friends_birthday';
url += '&state='+OAuth.nonce(17);

if (document.URL.indexOf('http://') === -1 && document.URL.indexOf('https://') === -1) {
var ref = window.open(url, '_blank', 'location=yes');
ref.addEventListener("loadstart", saveFBCode);

} else {

Code: Select all

localStorage.setItem('fb_code', ''); 
window.open(url); 

}
function saveFBCode(event) {

Code: Select all

     if (event.url.indexOf(redirectUrl) === 0) { 
         var vars = parseUrlVars(event.url); 
           localStorage.setItem('fb_code', vars.code); /* Store secret code */                     
         ref.close(); 
         Appery.navigateTo('Free_Card', {reverse: false}); /* Navigate to page 'result' */            
     } 

 } 

/pre

Please check hint comments in code to make needed changes.

[Brian Evans]

Ok, now it's back to going to an Appery login screen with new code. Funny thing is using the tutorial demo it works fine, logins into FB and shows my details. When I change code to log into FB and get friends list and birthdays, it goes to Appery login screen,

[Evgene Karachevtsev]

Brian,

As I can see in shared project, you have not used suggested code. How did you test it? It works properly for me.

[Brian Evans]

Using APK installed on Android.

Code is same as your's, just different syntax.
pre
Helper.init = function() {

Code: Select all

     var callbackUrl = "http://appery.io/app/view/" + Facebook_Settings.project_id + "/Free_Card.html"; 
     var url = "https://www.facebook.com/dialog/oauth?client_id=" + Facebook_Settings['client_id'] + "&redirect_uri=" + callbackUrl + "&scope=&response_type=token"; 

     if (this.isPhoneGapApp()) { 
         ref = window.open(url, '_blank', 'location=yes'); 
         ref.addEventListener("loadstart", this.getAccessToken); 
     } else { 
         window.open(url, "_self"); 

     } 
 }; 

 Helper.getAccessToken = function(event) { 

     if (event.url.indexOf('access_token') = 0) { 
         console.log("Extracting access_token..."); 
         var params = event.url.split("access_token="); 
         var _access_token = params[1].slice(0, params[1].indexOf("&")); 
         localStorage.setItem('access_token', _access_token); 
         ref.close(); 
         Appery.navigateTo('Free_Card', {}); 

     } 

 }; 

/pre

[Kateryna Grynko]

Hi Brian,

Please provide a screenshot where you apply the suggested code. It should work. We've tested it with your app.

[Brian Evans]

directly from your FB Plugin.

[Kateryna Grynko]

Hi Brian,

Please copy the code from: https://getsatisfaction.com/apperyio/...
Paste it to your FB_Birthday page as it's shown in this screenshot: http://www.screencast.com/t/PVmNkbJ7dFAi

Specify your Appery.io app ID and client ID for FB and test your app on device. It should work. When your tap "Sync Birthday" button, it will navigate you to page Free_Card and save needed parameters.

[Brian Evans]

Ok, that's done and the appery login screen doesn't appear anymore.

Next page on Android imports the FB contacts just fine but Apple devices do not import anything. I get no data sent to the server.

[Kateryna Grynko]

Hi Brian,

Check in Weinre if there are any errors on iPhone please: http://devcenter.appery.io/documentat...