How to authorize from Twitter API in Google Chrome Extension?

[Tahir Akram]

I am making a Chrome extension that will tweet.

Following is my code.

<script type="text/javascript" src="chrome_ex_oauthsimple.js"></
script>
<script type="text/javascript" src="chrome_ex_oauth.js"></script>
<script>
var oauth = ChromeExOAuth.initBackgroundPage({
'request_url': 'https://api.twitter.com/oauth/request_token',
'authorize_url': 'https://api.twitter.com/oauth/authorize',
'access_url': 'https://api.twitter.com/oauth/access_token',
'consumer_key': '--',
'consumer_secret': '--',
'scope': '',
'app_name': 'TweetOChrome'
});


jQuery(function() {
jQuery('#connect').click(function (){

oauth.authorize(install);
});
});

function install() {
console.log('installed successfully!');
}

</script>

Seems I am middle of some where. I can see a redirect page showing
"Redirecting..." but it does not do any thing.

Any help here?

[Tahir Akram]

I have modified my code a bit. I have this code in my popup.html. And
getting following error:

Cannot read property 'chromeExOAuthConfig' of null
Screensot: http://i.stack.imgur.com/T29w0.png

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

jQuery(function() {

var oauth = ChromeExOAuth.initBackgroundPage({
'request_url': 'https://api.twitter.com/oauth/
request_token',
'authorize_url': 'https://api.twitter.com/oauth/
authorize',
'access_url': 'https://api.twitter.com/oauth/
access_token',

'consumer_key': '---',
'consumer_secret': '---',
'scope': '',
'app_name': 'Tweet'
});

jQuery('#connect').click(function (){

oauth.authorize(install);
});
});

function install() {

alert('success')
}

function callback(resp, xhr) {
// ... Process text response ...
};

Following is my manifest.json file

{
"name": "Tweet",
"version": "1.0",
"description": "Tweet.",
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
},
"permissions": [
"tabs",
"http://ajax.googleapis.com",
"*://*.twitter.com/*",
"clipboardWrite"
]

[Tahir Akram]

Any help on this issue?

[Andy Jiang]

Hey Tahir,

I know this is super late, but in case somebody else comes across this thread, hopefully this will be able to help them.

Authing into twitter in the chrome extension requires:

- setting a URL for the callback URL in the twitter apps settings page

- injecting a content script on that same URL in your chrome extension; where the script will parse the tokens from the query strings and then send that as a message to your background script

- in your background script, then you use those tokens to perform the third and final leg of the oauth process

I wrote about this in a blog post: https://blog.andyjiang.com/how-to-add-twitter-oauth-to-a-chrome-extension

Hope that helps!