Using firebase auth with facebook

Question

When trying to login to my web app during testing on my android phone, I get this message:

"firebase.js:75 Uncaught Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https.."

I added my firebase url to Valid OAuth redirect URIs on my fb app - https://.firebaseio.com/ I added my app id and name to firebase in auth section. Am i missing something? thanks

I'm using chrome remote debugging here: file:///android_asset/www/index.html#/app/people

Could this be why it's putting up a fuss?

var provider = new firebase.auth.FacebookAuthProvider();

console.log(provider);
  firebase.auth().signInWithPopup(provider).then(function(result) {
 // This gives you a Facebook Access Token. You can use it to access theFacebook API.
   var token = result.credential.accessToken;
// The signed-in user info.
  var user = result.user;
  console.log(user, token);
  UserService.setUser(user, token);
// ...
}).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // The email of the user's account used.
  var email = error.email;
  // The firebase.auth.AuthCredential type that was used.
  var credential = error.credential;
  console.log(errorCode);

  });

Answer 1

Found a work-around in regards to Facebook login which works on Ionic 1 and should in principal also work on Ionic 2.

Add the Cordova plugin cordova-plugin-facebook4 In the auth code, I've added the following:

if ((window.cordova && device.platform == 'iOS') || (window.cordova && device.platform == 'Android')) {
    facebookConnectPlugin.login(['public_profile'], function(result) {
        provider = firebase.auth.FacebookAuthProvider.credential(result.authResponse.accessToken);
        Auth.$signInWithCredential(provider).then(function(authData) {
            // User successfully logged in
        }).catch(function(error) {
            // Login error
        });
    }, function(error) {
        // Login error
    });
} else {
    provider = new firebase.auth.FacebookAuthProvider();
    Auth.$signInWithPopup(provider).then(function(authData) {
        // User successfully logged in
    }).catch(function(error) {
        // Login error
    });
}

Basically, this will make sure that on device it uses the Facebook login SDK while it will use Firebase signInWithPopup when running in a browser