Google Chrome Extension with OAuth

Question

I am trying to integrate OAuth with my chrome extension. I am following the tutorial by google: https://developer.chrome.com/extensions/tut_oauth.html

I create ExOauth from the background.js (defined by me and it is loaded by background.html).

var oauth = ChromeExOAuth.initBackgroundPage({
    'request_url': 'https://www.google.com/accounts/OAuthGetRequestToken',
    'authorize_url': 'https://www.google.com/accounts/OAuthAuthorizeToken',
    'access_url': 'https://www.google.com/accounts/OAuthGetAccessToken',
    'consumer_key': 'anonymous',
    'consumer_secret': 'anonymous',
    'scope': 'https://docs.google.com/feeds/',
    'app_name': Test app'
  });

 oauth.authorize(onAuthorized);

Here is the OnAuthorized method:

onAuthorized = function () {
    // Start my application logic.
};

Am I missing something here? When I load the extension, it opens up several "Redirecting...." tabs. Multiple Oauth tabs

I am still have this problem and it keeps opening new tabs. how did you solve it? — avi

Métoule Métoule · Accepted Answer · 2013-10-13T11:30:40

The tutorial seems to be missing one file. If you open chrome_ex_oauth.html, you'll see that it tries to load 3 js files:

<script type="text/javascript" src="chrome_ex_oauthsimple.js"></script>
<script type="text/javascript" src="chrome_ex_oauth.js"></script>
<script type="text/javascript" src="onload.js"></script>

The onload.js file is not provided. The OAuth contacts example provides such a file, with the following content:

window.onload = function() {
     ChromeExOAuth.initCallbackPage();
}

After adding this file, it seems to work just fine.

Google Chrome Extension with OAuth

2 Answers