Add google user info to tutorial

Author: Frozenfire92

Brocfile.js

@@ -4,6 +4,8 @@ var EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
 var app = new EmberApp();
 
+app.import('bower_components/jquery/dist/jquery.js');
+
 // Use `app.import` to add additional libraries to the generated
 // output files.
 //

README.md

@@ -120,4 +120,24 @@ ENV['torii'] = {
 
 
 ### Test & Enjoy
-run `ember server` and try it out!
+
+run `ember server` and try it out!
+
+
+
+### Bonus: Get user info from google
+
+We are going to create a custom torii provider that will also get the users information from google.
+We need the custom provider because the default google-ouath2 uses the code workflow rather than the
+token workflow that the google plus api's need. This code extends [torii oauth2-bearer](https://github.com/Vestorly/torii/blob/master/lib/torii/providers/oauth2-bearer.js) and borrows from [torri google-oauth2](https://github.com/Vestorly/torii/blob/master/lib/torii/providers/google-oauth2.js). It also uses jQuery for the GET request, if there is a better way let me know!
+
+- [Custom Provider](app/torii-providers/google-token)
+
+Then update:
+
+- [environment.js](config/environment.js) torii provider to match the custom providers name (this provider also uses scope `profile email`)
+- Your [login action](app/routes/login.js) to match the custom providers name
+
+Then enable the Google+ API in your [google dev console](https://console.developers.google.com/project)
+
+You now will have access to `session.content.userName` and `session.content.userEmail`

app/routes/login.js

@@ -3,7 +3,7 @@ import Ember from 'ember';
 export default Ember.Route.extend({
 	actions: {
 		googleLogin: function() {
-			this.get('session').authenticate('simple-auth-authenticator:torii', 'google-oauth2');
+			this.get('session').authenticate('simple-auth-authenticator:torii', 'google-token');
 			return;
 		}
 	}

app/templates/login.hbs

@@ -1,2 +1,2 @@
 <h3>Login Route</h3>
-<a {{action 'googleLogin'}}>Login with Google</a>
+<button {{action 'googleLogin'}}>Login with Google</button>

app/templates/protected.hbs

@@ -1,3 +1,7 @@
 <h3>Protected Route</h3>
 
+Hello {{session.content.userName}}! Your email is {{session.content.userEmail}}
+
+<br><br>
+
 You shouldn't see this unless logged in

app/torii-providers/google-token.js

@@ -0,0 +1,59 @@
+import {configurable} from 'torii/configuration';
+import Oauth2Bearer from 'torii/providers/oauth2-bearer';
+
+var GoogleToken = Oauth2Bearer.extend({
+	name: 'google-token',
+	baseUrl: 'https://accounts.google.com/o/oauth2/auth',
+
+  // additional params that this provider requires
+  requiredUrlParams: ['state'],
+  optionalUrlParams: ['scope', 'request_visible_actions', 'access_type'],
+
+  requestVisibleActions: configurable('requestVisibleActions', ''),
+
+  accessType: configurable('accessType', ''),
+
+  responseParams: ['token'],
+
+  scope: configurable('scope', 'email'),
+
+  state: configurable('state', 'STATE'),
+
+  redirectUri: configurable('redirectUri',
+                            'http://localhost:8000/oauth2callback'),
+
+  open: function(){
+      var name        = this.get('name'),
+          url         = this.buildUrl(),
+          redirectUri = this.get('redirectUri'),
+          responseParams = this.get('responseParams');
+
+      var client_id = this.get('client_id');
+
+      return this.get('popup').open(url, responseParams).then(function(authData){
+        var missingResponseParams = [];
+
+        responseParams.forEach(function(param){
+          if (authData[param] === undefined) {
+            missingResponseParams.push(param);
+          }
+        });
+
+        if (missingResponseParams.length){
+          throw "The response from the provider is missing " +
+                "these required response params: " + responseParams.join(', ');
+        }
+
+        return $.get("https://www.googleapis.com/plus/v1/people/me", {access_token: authData.token}).then(function(user){
+          return {
+            userName: user.displayName,
+            userEmail: user.emails[0].value,
+            provider: name,
+            redirectUri: redirectUri
+          };
+        });
+      });
+    }
+});
+
+export default GoogleToken;

config/environment.js

@@ -45,9 +45,9 @@ module.exports = function(environment) {
 
   ENV['torii'] = {
     providers: {
-      'google-oauth2': {
+      'google-token': {
         apiKey: '',
-        scope: 'profile',
+        scope: 'profile email',
         redirectUri: 'http://localhost:4200'
       }
     }