node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

aerogear-cordova-oauth2

AeroGear OAuth2 Cordova

The plugin handles OAuth2 authorization code grant in a secure manner. The OAuth2 dance uses external browser approach, OAuth2 access and refresh tokens are stored securely encrypted in your native device. Supports iOS, android and windows phone platforms.

The plugin wraps the following libs:

If you want to see the plugin in action please refer to aerogear-cordova-cookbook Shoot'nShare demo app or/ad just follow the Getting started guide to create your own.

Project Info
License: Apache License, Version 2.0
Build: Cordova Plugin
Documentation: https://aerogear.org/docs/specs/aerogear-cordova/
Issue tracker: https://issues.jboss.org/browse/AGCORDOVA
Mailing lists: aerogear-users (subscribe)
aerogear-dev (subscribe)

Getting Started

The Cordova command line tooling is based on node.js so first you’ll need to install node then you can install Cordova by executing:

$ npm install -g cordova

To deploy on iOS you need to install the ios-deploy package as well

$ npm install -g ios-deploy

Create the App

Create a new app by executing:

$ cordova create <project-name> [app-id] [app-name]

Add platform(s)

Specify a set of target platforms by executing:

$ cordova platform add <platform>

The available platform values are ios and android.

Install the plugin

Install the aerogear-oauth2-cordova plugin by executing:

$ cordova plugin add aerogear-cordova-oauth2

Sample example

In wwww/js/index.js file, to start the OAuth2 dance as soon as onDeviceReady event is fired, add the following snippet:

  onDeviceReady: function () {
    app.receivedEvent('deviceready');
    oauth2.addGoogle({
      name: 'gplus',
      settings: {
        clientId: "617285928032-nnkcrot1827fmd738pug6clbqlgosffs.apps.googleusercontent.com",
        scopes: 'https://www.googleapis.com/auth/drive'
      }
    });
 
    oauth2.addKeycloak({
      name: 'keycloak',
      settings: {
        base: 'http://192.168.1.15:8080/auth',
        clientId: 'shoot-third-party',
        realm: "shoot-realm"
      }
    });
 
    oauth2.addFacebook({
      name: 'facebook',
      settings: {
        clientId: '1511044619160050',
        clientSecret: '3b08052d3d96e2120f2c53a36eebd02f',
        scopes: 'photo_upload, publish_actions'
      }
    });
 
    oauth2.gplus.requestAccess()
      .then(function (token) {
        console.log(token);
        // add token to the http header on futher http requests: 
        // 'Authorization': 'Bearer ' + token 
      }, function (err) {
        alert(err.error);
      });
  },

Google Play Services

On Android you can use Google Play Services to retrieve an Oauth2 token using on of the device's authorized accounts. To make the Google Play Services available to your application, be sure to add the com.google.playservices cordova plugin to your project. Then request an Oauth2 token using Google Play Services as in this example:

   oauth2.requestAccessUsingPlayServices({
        scopes: 'openid',
        accountTypes: 'com.google'
     })
     .then( function( accessToken ){
        ...
     })
     .catch( function( error ) {
        // an error happened 
     });
   });

Facebook iOS

For our OAuth2 on iOS plugin we use external browser approach, in order to re-enter the app you need to provide a URI schema. This is called the redirect_uri. By convention Google uses your iOS bundle. Facebook uses as redirect_uri 2 letters fb followed by the client_id. As the client_id is not in your config.xml, once the project is deployed you will have to go to [project_name]-info.plist and modify it to change fbYYY where YYY is your facebook client_id.

Xcode

When you need / want to build the project with Xcode you'll need to make some changes to the project

Todo

This is a very early version:

  • expose refreshToken, revokeToken

Documentation

For more details about the current release, please consult our documentation.

Development

If you would like to help develop AeroGear you can join our developer's mailing list, join #aerogear on Freenode, or shout at us on Twitter @aerogears.

Also takes some time and skim the contributor guide

Questions?

Join our user mailing list for any questions or help! We really hope you enjoy app development with AeroGear!

Found a bug?

If you found a bug please create a ticket for us on Jira with some steps to reproduce it.