Signup for the Ionic Newsletter to get the latest news and updates!

  • http://caravanaweb.com.br juarezpaf

    Really nice Firebase + Ionic intro. I started to create content related to this, my first presentation is available here http://www.slideshare.net/juarezpaf/firebase-adventures-real-time-platform-for-your-apps
    Going to update my presentation with this tutorial. Keep rocking guys. /o/

  • http://www.hospity.com Hospity

    This is Great Wonderful Coding Technique.. awesome ideas Thanks..

    Web Development India

  • Amol

    Any resources/tutorials on using custom auth? Having a hard time figuring this out 🙁

  • Ramadhevi Rk

    suppose if I use firebase for integrating facebook, will that use browser facebook or native facebook app on mobile?

  • C.k

    I have some confuse about wondering does this social login plugin support user login by using account has login in social mobile app (facebook, gmail …) so this mean just open dialog ACCEPT then not require user need type login info (username/email, password) again.

  • Uri Naor

    I re-blogged your post in our company blog http://blog.datasol.us/ionic-social-authentication/
    Please let me know if thats cool with you , great post Uri

  • Tyrone

    In case you are planning on using Facebook login:

    I strongly advice users not to use the inappbrowser plugin as described by this article.

    Instead, use the https://github.com/Wizcorp/phonegap-facebook-plugin cordova plugin.

    Very easy to combine with Firebase, example explained here: http://stackoverflow.com/questions/26369551/firebase-how-to-authenticate-user-through-native-facebook-app

    This will result in a much smoother user experience as it uses the native Facebook app, and reverts back to browser in case Facebook app is not installed.

  • Bart van der Laan

    I’m using firebase and ionic for a while now. The combination is awesome. Denormalized data can be though sometimes though.

  • Wes A. Haque

    I’m using the email/password login system but I have a separate collection in firebase that holds additional data for every email address. I would like to log in and then pull in the extra data corresponding to that email address, I was wondering if any one could make a tutorial for this specific scenario. Or if someone could direct me to a similar solution online. Thanks.

  • Blusec Blusec

    I get this error when the popup box comes up

    Given URL is not allowed by the Application configuration: One or more of the given URLs is not allowed by the App’s settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App’s domains.

  • Scott

    Wow, great article. I was finally able to get social logins working with Ionic/Firebase on an Android. However, because there are so many different ways of testing/emulating Ionic apps, I found that it doesn’t work in all cases. The one that concerns me the most, is that I can’t get the Ionic View version working on my iPad. It seems to redirect to the login screen for the various providers (Facebook, Google, Twitter, and Github); but after logging in, it goes back to a blank screen, and never comes back. I’d really like to figure out how to get this to work, as I’m developing on a PC, and can only use Ionic View to show my apps on apple devices.

    Also, in Ionic serve (browser testing), I need to do a refresh after logging into the provider. Not a big deal; but a little annoying. Finally, when I use the new ionic serve –lab, when it tries to redirect to the provider page, it says Content can’t be shown in a frame. Unfortunately, it seems that the providers are setting the X-Frame-Options tag in the headers to DENY. Not sure if there is a way around this.

    • Jameesh Moidunny

      i am trying to add login using the same tutorial, and i am getting a blank page after login. I find that u are also had the same issue. Can you please let me know how you resolve this

      • Scott

        I’ve been able to get the user login working for all cases except running on Ionic view with an apple device. For my login function, I used the Firebase function: $authWithPassword, instead of $authWithOAuthPopup, used in this article. For a full working example see this github repositiory: https://github.com/scottnakada/UserAuth. It has samples of user authorization working in a web app, and Ionic app. For the apple app, I tested for the device running the app, and disabled login using social media if it was running iOS, since I wasn’t able to get that working.

  • Sergent Danny

    Hello Guys , this is a great tutorial , but is there any way to make a social login into the ionic app using social accounts from AndroidAccountsManager? I mean is not that usefull using inappbrowser…

  • lliccien

    Excellent Tutorial

    I want to know how I define the function Logout()

  • http://nicholls.azurewebsites.net/ Juan David Nicholls

    Firebase 3.2 shows an error: Uncaught ReferenceError: Firebase is not defined

  • iriekun

    can you update tutorial with firebase v3?