Files
IlLievitario-App/js/opengplus.js

258 lines
9.7 KiB
JavaScript

/**
* openGPlus is a micro-library that lets you integrate your JavaScript application with GooglePlus.
* openGPlus works for both BROWSER-BASED apps and CORDOVA/PHONEGAP apps.
* This library has no dependency: You don't need (and shouldn't use) the Facebook SDK with this library. Whe running in
* Cordova, you also don't need the Facebook Cordova plugin. There is also no dependency on jQuery.
* openGPlus allows you to login to Facebook and execute any Facebook Graph API request.
* @author Denis Ironi @hexstudy
* @version 0.1
*/
var openGPlus = (function () {
var GPLUS_LOGIN_URL = 'https://accounts.google.com/o/oauth2/auth',
// By default we store fbtoken in sessionStorage. This can be overridden in init()
tokenStore = window.sessionStorage,
clientId,
oauthRedirectURL,
// Because the OAuth login spans multiple processes, we need to keep the success/error handlers as variables
// inside the module instead of keeping them local within the login function.
loginSuccessHandler,
loginErrorHandler,
// Indicates if the app is running inside Cordova
runningInCordova,
// Used in the exit event handler to identify if the login has already been processed elsewhere (in the oauthCallback function)
loginProcessed;
document.addEventListener("deviceready", function () {
runningInCordova = true;
}, false);
/**
* Initialize the openGPlus module. You must use this function and initialize the module with an appId before you can
* use any other function.
* @param appId - The id of the Facebook app
* @param redirectURL - The OAuth redirect URL. Optional. If not provided, we use sensible defaults.
* @param store - The store used to save the Facebook token. Optional. If not provided, we use sessionStorage.
*/
function init(appId, redirectURL, store) {
clientId = appId;
if (redirectURL) oauthRedirectURL = redirectURL;
if (store) tokenStore = store;
}
/**
* Login to Facebook using OAuth. If running in a Browser, the OAuth workflow happens in a a popup window.
* If running in Cordova container, it happens using the In-App Browser. Don't forget to install the In-App Browser
* plugin in your Cordova project: cordova plugins add org.apache.cordova.inappbrowser.
* @param scope - The set of Facebook permissions requested
* @param success - Callback function to invoke when the login process succeeds
* @param error - Callback function to invoke when the login process fails
* @returns {*}
*/
function login(scope, success, error) {
var loginWindow,
startTime;
function loginWindowLoadStart(event) {
var url = event.url;
if (url.indexOf("access_token=") > 0 || url.indexOf("error=") > 0) {
// When we get the access token fast, the login window (inappbrowser) is still opening with animation
// in the Cordova app, and trying to close it while it's animating generates an exception. Wait a little...
var timeout = 600 - (new Date().getTime() - startTime);
setTimeout(function () {
loginWindow.close();
}, timeout > 0 ? timeout : 0);
oauthCallback(url);
}
}
function loginWindowExit() {
console.log('exit and remove listeners');
// Handle the situation where the user closes the login window manually before completing the login process
deferredLogin.reject({error: 'user_cancelled', error_description: 'User cancelled login process', error_reason: "user_cancelled"});
loginWindow.removeEventListener('loadstop', loginWindowLoadStart);
loginWindow.removeEventListener('exit', loginWindowExit);
loginWindow = null;
console.log('done removing listeners');
}
if (!clientId) {
return error({error: 'Google Client Id not set.'});
}
scope = scope || '';
loginSuccessHandler = success;
loginErrorHandler = error;
loginProcessed = false;
logout();
// Check if an explicit oauthRedirectURL has been provided in init(). If not, infer the appropriate value
if (!oauthRedirectURL) {
if (runningInCordova) {
//oauthRedirectURL = 'https://www.facebook.com/connect/login_success.html';
} else {
var origin = location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '');
// could also use 'var origin = window.location.origin' when enough browsers support it
oauthRedirectURL = origin + '/oauthcallbackgplus.html';
}
}
startTime = new Date().getTime();
var url = GPLUS_LOGIN_URL + '?client_id=' + clientId + '&redirect_uri=' + oauthRedirectURL +
'&response_type=token&display=popup&scope=' + scope;
window.location.href = url;
/*
// If the app is running in Cordova, listen to URL changes in the InAppBrowser until we get a URL with an access_token or an error
if (runningInCordova) {
loginWindow.addEventListener('loadstart', loginWindowLoadStart);
loginWindow.addEventListener('exit', loginWindowExit);
}
*/
// Note: if the app is running in the browser the loginWindow dialog will call back by invoking the
// oauthCallback() function. See oauthcallback.html for details.
}
/**
* Called either by oauthcallback.html (when the app is running the browser) or by the loginWindow loadstart event
* handler defined in the login() function (when the app is running in the Cordova/PhoneGap container).
* @param url - The oautchRedictURL called by Facebook with the access_token in the querystring at the ned of the
* OAuth workflow.
*/
function oauthCallback(url) {
// Parse the OAuth data received from Facebook
var queryString,
obj;
loginProcessed = true;
if (url.indexOf("access_token=") > 0) {
queryString = url.substr(url.indexOf('#') + 1);
obj = parseQueryString(queryString);
tokenStore['gplustoken'] = obj['access_token'];
if (loginSuccessHandler) loginSuccessHandler();
} else if (url.indexOf("error=") > 0) {
queryString = url.substring(url.indexOf('?') + 1, url.indexOf('#'));
obj = parseQueryString(queryString);
if (loginErrorHandler) loginErrorHandler(obj);
} else {
if (loginErrorHandler) loginErrorHandler();
}
}
/**
* Application-level logout: we simply discard the token.
*/
function logout() {
tokenStore['gplustoken'] = undefined;
}
function createHttpReq(callbackFn){
var request;
if (window.XDomainRequest) {
request = new window.XDomainRequest();
request.onload = callbackFn;
}
else {
request = new XMLHttpRequest();
request.onreadystatechange = callbackFn;
}
return request;
}
/**
* Lets you make any Facebook Graph API request.
* @param obj - Request configuration object. Can include:
* method: HTTP method: GET, POST, etc. Optional - Default is 'GET'
* path: path in the Facebook graph: /me, /me.friends, etc. - Required
* params: queryString parameters as a map - Optional
* success: callback function when operation succeeds - Optional
* error: callback function when operation fails - Optional
*/
function api(obj) {
var method = obj.method || 'GET',
baseUrl = obj.baseUrl || 'https://www.googleapis.com/plus/v1/',
params = obj.params || {},
url;
params['access_token'] = tokenStore['gplustoken'];
url = baseUrl + obj.path + '?' + toQueryString(params);
//xhr.onreadystatechange =
var xhr = createHttpReq(function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
if (obj.success) obj.success(JSON.parse(xhr.responseText));
} else {
var error = xhr.responseText ? JSON.parse(xhr.responseText).error : {message: 'An error has occurred'};
if (obj.error) obj.error(error);
}
}
});
xhr.open(method, url, true);
xhr.send();
}
/**
* Helper function to de-authorize the app
* @param success
* @param error
* @returns {*}
*/
function revokePermissions(success, error) {
return api({
baseUrl: 'https://accounts.google.com/o/oauth2',
path: '/revoke',
params: { 'token': tokenStore['gplustoken'] },
success: function () {
tokenStore['gplustoken'] = undefined;
success();
},
error: error});
}
function parseQueryString(queryString) {
var qs = decodeURIComponent(queryString),
obj = {},
params = qs.split('&');
params.forEach(function (param) {
var splitter = param.split('=');
obj[splitter[0]] = splitter[1];
});
return obj;
}
function toQueryString(obj) {
var parts = [];
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
parts.push(encodeURIComponent(i) + "=" + encodeURIComponent(obj[i]));
}
}
return parts.join("&");
}
// The public API
return {
init: init,
login: login,
logout: logout,
revokePermissions: revokePermissions,
api: api,
oauthCallback: oauthCallback
}
}());