gfa

gapi-firebase-auth

A simple module for integrating Gapi and Firebase AUTH into AngularJS

Showing:

Popularity

Downloads/wk

0

GitHub Stars

0

Maintenance

Last Commit

5yrs ago

Contributors

2

Package

Dependencies

0

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Gapi / Firebase Auth for AngularJS

This is a simple module written to handle authentication with GAPI and Firebase. You need to:

  • Create a new Firebase and Google Apps project

  • In your Firebase app, select Authentication->Signin Method->Google and turn on

  • In the Google Dev console, create your credentials and API key (you can choose to restrict these if you want)

  • Back in Firebase, under Web SDK settings in the Google Auth panel opened before, put your Google ClientID and Web Secret

  • Add Firebase and AngularFire to your project

    
    <!-- firebase -->
    
    <script src="https://www.gstatic.com/firebasejs/3.6.1/firebase.js"></script>
    <script src="https://cdn.firebase.com/libs/angularfire/2.1.0/angularfire.min.js"></script>
    <script>
      // Initialize Firebase
      var config = {
        apiKey: "yourApiKey",
        authDomain: "yourAuthDomain",
        databaseURL: "yourDbURL",
        storageBucket: "yourBucket",
        messagingSenderId: "yourId"
      };
      firebase.initializeApp(config);
    </script>
    
  • Inject firebase and Gapi into your Angular module
angular.module('myApp', ['ngRoute', 'firebase', 'gapi-firebase-auth'])

  • In the .run module, add this:
    
    .run(['coreAuthService', function(coreAuthService) {
        //Array of discovery documents
        coreAuthService.setDiscoveryDocuments(['https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest', 'https://www.googleapis.com/discovery/v1/apis/gmail/v1/rest']);
            
            //You can add other discovery documents using the discovery service: https://developers.google.com/discovery/v1/reference/apis/list#try-it

        coreAuthService.setClientId('google-client-id');
        coreAuthService.setApiKey('google-api-key');
        
        //Set your scopes - the basic Auth ones are already set for you in coreAuthService
        coreAuthService.setScopes('https://www.googleapis.com/auth/calendar.readonly https://www.googleapis.com/auth/gmail.readonly');
        
        //Run the main initialiser - Clients load automatically
        coreAuthService.initiateGapi();
    }]);
    

Authentication

In the Google Auth directive, there is an example of firing the login() function, which signs in your user and connects them with firebase. To use, you will need to add it to your project in your own way - it's just an example.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial