HOWTO use Twitter-OAuth-iPhone with a Cocos2d project.

cocos2d for iPhone » Programming » high score, social and ads networks

HOWTO use Twitter-OAuth-iPhone with a Cocos2d project.

(35 posts) (21 voices)

Started 1 year ago by arsenio
Latest reply from aeroplane

Tags:

12 Next »

arsenio
Member

Hi guys! I recently am working on my game and I want to put a feature in to let people update their twitter account with news like "Hey I got 520 score!". The thing is, Twitter used to be easy to connect to but they are changing it so everyone MUST use their OAuth authentication method in 9 weeks. This means many current apps updating to Twitter will not work! (reference): http://mashable.com/2010/04/24/twitter-oauthcalypse/ )

So I found the Twitter-OAuth-iPhone project that Ben Gottlieb made and it looks good. Only 2 problems: (A) I am terrible programmer and (B) this library uses view controllers a lot I think.

So I made an effort to figure this out cause I think a HOWTO would be really good for the community. More people twittering about Cocos2d games is my kind of twitter! So I am putting a HOWTO together on making this work with a default Cocos2d project, maybe everyone could chime in if I make mistakes or to extend this, so everyone who needs to update their games with new twitter OAuth can be helped! I have so far:

-------------------------------------
to set up Twitter-OAuth-iPhone with a Cocos2D project:

- download the software from http://github.com/bengottlieb/Twitter-OAuth-iPhone
- you will find a folder in there called "Twitter+OAuth". You import this Twitter+OAuth folder into your project using "Add to Project"
- add /Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS3.1.3.sdk/usr/lib/libxml2.dylib also using "Add to Project"
- add /usr/include/libxml2/ to header search paths in PROJECT MENU >> EDIT PROJECT SETTINGS >> BUILD TAB
- import the OAuthTwitterDemoViewController .h and .m and .xib files from the DEMO folder of the Twitter-OAuth-iPhone folder you downloaded
- enter consumer key and consumer secret in the OAuthTwitterDemoViewController.m
#define kOAuthConsumerKey @"S" //REPLACE ME
#define kOAuthConsumerSecret @"E" //REPLACE ME

- In your project's AppDelegate .m implementation file, go to the bottom of the applicationDidFinishLaunching method and put this in:
---------
[[CCDirector sharedDirector] attachInView:window];

OAuthTwitterDemoViewController *aViewController = [[OAuthTwitterDemoViewController alloc]
initWithNibName:@"OAuthTwitterDemoViewController" bundle:[NSBundle mainBundle]];
[self setViewController:aViewController];
[aViewController release];

[[[CCDirector sharedDirector] openGLView] addSubview:aViewController.view];

//UIView *controllersView = [aViewController view];
//[window addSubview:controllersView];
[window makeKeyAndVisible];

----

So right now you have the program working so when you launch your new app, it pops open a view controller which will either log you into twitter OR post a post to your twitter if you are already logged in.

Let's make this more helpful, can anyone give code samples from here in maybe so instead of logging you in OR posting, it does BOTH, like logs you in and then updates?

How can we make this easier for people to work into their projects? I am all ears!

Posted 1 year ago #
yarri
Member

Hi, I wrote a blog post about the methods we used for our game Sumo Tap:

http://playngive.squarespace.com/blog/2010/5/2/twitter-integration-with-cocos2d-and-twitter-oauth-iphone.html

or,

http://bit.ly/cocos2d_twitter

--yarri

Posted 1 year ago #
cocos0d
Member

Sorry to bump an old thread, but I've really been scratching my head over this, even with the above tutorial. Does anybody have any other example of incorporating Ben Gottlieb's Twitter-OAuth with cocos2d other than the above? Appreciate any push in the right direction.

Edit: to clarify, I've successfully built my cocos2d app with the Twitter-OAuth library, I'm just looking for a way to create a CCScene or CCLayer in which to incorporate the standard "tweet your score" behavior you see in so many apps.

Posted 1 year ago #
Joethemonkey101
On probation

When I imported all of the OAuth files, I had 17 errors and quite a bit of warnings. I'm working on correcting the mistakes. Did I do something wrong? Why is it corrupted with errors and warnings?

EDIT - I got it down to 9 errors so far

Posted 1 year ago #

spookyjon
Member

I've gotten to the point where the twitter login view controller pops up, but then it immediately disappears and my app no longer responds to touches. I guess the current CCScene is being drawn on top of it?

I call the following in my app delegate:

-(void) twitterAccountLogin
{
    UIViewController *controller = nil;
    if (!_engine) {
        _engine = [[SA_OAuthTwitterEngine alloc] initOAuthWithDelegate: self];
        _engine.consumerKey = kOAuthConsumerKey;
        _engine.consumerSecret = kOAuthConsumerSecret;

        controller = [SA_OAuthTwitterController controllerToEnterCredentialsWithTwitterEngine: _engine delegate: self];
    }

    if (controller) {
        [[CCDirector sharedDirector] stopAnimation];
        [viewController presentModalViewController:controller animated:YES];
        [controller release];
        return;
    }
}

The twitter view controller comes up from the bottom of the screen as it should, but one's it's fully on screen the currently running CCScene resumes drawing on top of it. Any ideas?

Posted 1 year ago #

wybielacz
Member

I have exactly the same problem. The twitter login view controller pops up, but then it immediately disappears and there is only a black screen. Anyone knows a fix for it ?

Posted 1 year ago #
spookyjon
Member
I messed around with Arsenio's code and got the following ALMOST working in 0.99.5:
```
OAuthTwitterDemoViewController *aViewController = [[OAuthTwitterDemoViewController alloc]
                                   initWithNibName:@"OAuthTwitterDemoViewController" bundle:[NSBundle mainBundle]];
    [viewController presentModalViewController:aViewController animated:NO];
    [viewController dismissModalViewControllerAnimated:NO];
    [aViewController release];
```
This actually does present the twitter view controller, and it responds as it should. Hurray! However, after the controller has been dismissed, I'm left with a solid gray screen (instead of my running CCScene). I'm so close! I can feel it!!! Can anybody help me get past this last hurdle?
Posted 12 months ago #
wybielacz
Member

@spookyjon

Could you post your complete code here? Always when the grey view appears for me then the app crashes. I have no idea what am I doing wrong.

Posted 12 months ago #

spookyjon
Member

That's pretty much it. Here's the entire function that I'm using in my app:

-(void) twitterAccountLogin
{
    OAuthTwitterDemoViewController *twitterViewController = [[OAuthTwitterDemoViewController alloc]
                                                             initWithNibName:@"OAuthTwitterDemoViewController" bundle:[NSBundle mainBundle]];
    [viewController presentModalViewController:twitterViewController animated:NO];
    [viewController dismissModalViewControllerAnimated:NO];
    [twitterViewController release];
}

I'm really at a loss as to where to go from here.

Posted 12 months ago #

pipstapa
Member

The problem with

-(void) twitterAccountLogin
{
    UIViewController *controller = nil;
    if (!_engine) {
        _engine = [[SA_OAuthTwitterEngine alloc] initOAuthWithDelegate: self];
        _engine.consumerKey = kOAuthConsumerKey;
        _engine.consumerSecret = kOAuthConsumerSecret;

        controller = [SA_OAuthTwitterController controllerToEnterCredentialsWithTwitterEngine: _engine delegate: self];
    }

    if (controller) {
        [[CCDirector sharedDirector] stopAnimation];
        [viewController presentModalViewController:controller animated:YES];
        [controller release];
        return;
    }
}

is that

controller = [SA_OAuthTwitterController controllerToEnterCredentialsWithTwitterEngine: _engine delegate: self];

this function returns an autorelease object. So you shouldn´t call: [controller release]
just remove that line and it should work just fine

Posted 12 months ago #

wybielacz
Member

Ufff I still cannot get it to work. I managed to get the grey window appear but after that nothing happens. I have no idea where the problem is.

@spookyjon
What is "viewController" in your code ?

Posted 12 months ago #
spookyjon
Member

This code is in my app delegate. viewController is the project's RootViewController, which you should have in your delegate as of 0.99.5 (I don't think it was there in previous versions, although somebody feel free to correct me on that).

Posted 12 months ago #
wybielacz
Member

Yeah, I have the RootViewController and I use it display the twitter login like on the code that you posted but with no success. Dunno why it is not working. When i use the RootViewController to display the Game center leaderboards then it works with no problems.

Posted 12 months ago #

jj0b
Member

I got this working without any issues. I set things up in a scene with a Twitter button that when tapped opens the modal login window if the user has not signed in yet.

Here is the button method.

- (void)showTwitter:(CCMenuItem*)menuItem
{
	if ([[NSUserDefaults standardUserDefaults] objectForKey: @"authData"] == nil) {
		id appDelegate = [[UIApplication sharedApplication] delegate];
		[appDelegate twitterAccountLogin];
	}
	[[CCDirector sharedDirector] replaceScene:[TwitterScene scene]];
}

I determine if the user has logged in by checking the authData that is stored to user defaults on a successful login. In this example I have the method to login to Twitter in the AppDelegate but you don't have to put it there, this was just a quick and dirty example.

Here is my AppDelgate.h file:

#import <UIKit/UIKit.h>
#import "SA_OAuthTwitterController.h"

@class SA_OAuthTwitterEngine;
@class RootViewController;

@interface AppDelegate : NSObject <UIApplicationDelegate,SA_OAuthTwitterControllerDelegate> {
	UIWindow			*window;
	RootViewController	*viewController;
	SA_OAuthTwitterEngine	*_engine;
}

@property (nonatomic, retain) UIWindow *window;

- (void)twitterAccountLogin;

@end

And here are the relevant parts of my AppDelegate.m file:

#import "cocos2d.h"
#import "AppDelegate.h"
#import "RootViewController.h"
#import "StartScene.h"
#import "SA_OAuthTwitterEngine.h"

#define kOAuthConsumerKey @"your key goes here"
#define kOAuthConsumerSecret @"your secret goes here"

@implementation AppDelegate

@synthesize window;

.
.
.

- (void)twitterAccountLogin
{
	if (_engine) return;
	_engine = [[SA_OAuthTwitterEngine alloc] initOAuthWithDelegate: self];
	_engine.consumerKey = kOAuthConsumerKey;
	_engine.consumerSecret = kOAuthConsumerSecret;

	UIViewController *controller = [SA_OAuthTwitterController controllerToEnterCredentialsWithTwitterEngine: _engine delegate: self];

	if (controller)
		[viewController presentModalViewController: controller animated: YES];
	else {
		[_engine sendUpdate: [NSString stringWithFormat: @"Already Updated. %@", [NSDate date]]];
	}
}

//=============================================================================================================================
#pragma mark SA_OAuthTwitterEngineDelegate
- (void) storeCachedTwitterOAuthData: (NSString *) data forUsername: (NSString *) username {
	NSUserDefaults			*defaults = [NSUserDefaults standardUserDefaults];

	[defaults setObject: data forKey: @"authData"];
	[defaults synchronize];
}

- (NSString *) cachedTwitterOAuthDataForUsername: (NSString *) username {
	return [[NSUserDefaults standardUserDefaults] objectForKey: @"authData"];
}

//=============================================================================================================================
#pragma mark SA_OAuthTwitterControllerDelegate
- (void) OAuthTwitterController: (SA_OAuthTwitterController *) controller authenticatedWithUsername: (NSString *) username {
	NSLog(@"Authenicated for %@", username);
}

- (void) OAuthTwitterControllerFailed: (SA_OAuthTwitterController *) controller {
	NSLog(@"Authentication Failed!");
}

- (void) OAuthTwitterControllerCanceled: (SA_OAuthTwitterController *) controller {
	NSLog(@"Authentication Canceled.");
}

//=============================================================================================================================
#pragma mark TwitterEngineDelegate
- (void) requestSucceeded: (NSString *) requestIdentifier {
	NSLog(@"Request %@ succeeded", requestIdentifier);
}

- (void) requestFailed: (NSString *) requestIdentifier withError: (NSError *) error {
	NSLog(@"Request %@ failed with error: %@", requestIdentifier, error);
}

- (void)dealloc {
	[_engine release];
	[[CCDirector sharedDirector] release];
	[window release];
	[super dealloc];
}

@end

Hope this helps those having trouble implementing this. It would be great if the original poster could fix the code he shares at the end of his post because it seems no one on this thread (including me) could get his solution to work.

Posted 11 months ago #

phil_me_up
Member

Hey.

It took me a few hours but I finally got this working.

I've written up a very brief, very rough and probably not very good guide on my little used blog: http://www.iphil.co.uk/index.php/2011/02/integrating-twitter-and-cocos2d-oauth/

A warning: This was written in a hurry and from memory so there might be a few issues. I've also just left things as they are currently in my project. I will go through and optimise at some point.

If anyone follows the steps and you've still experience problems, let me know and I'll adjust the post. If there is enough demand, I may flesh this out a little more (as well as post my final code once it's been properly tested and optimised).

Posted 11 months ago #
Yenaphe
Member

Hey Phil, thanks for your guide.

I'm actually having issues following your steps. I get 15 warnings, half of them are because the compiler seems to dislike the "if (self = [super init])" lines (I replaced them with:

self = [super init];
if (self != nil)

But I also have a lot of 'MGT*Parser' may not respond to '-parser:didEndElement:namespaceURI:qualifiedName:'

Looks like something went wrong, but can't figure out what.

Thanks,

Seb

Posted 11 months ago #
phil_me_up
Member

@Yenaphe - I get a few of those warnings too (haven't had time to properly go through them yet) but they shouldn't be causing any problems. These are issues with the downloaded code and Im guessing their just a result of not using best practice although probably not causing a real problem.

Is your app crashing?

Posted 11 months ago #
Yenaphe
Member

Hopefully my app is not crashing. I corrected most of them already. The thing is that I'm quite new to OOP and I hate warnings :) So I try to compile with none of them.

[EDIT]

I'm still with one error left but I'm not sure to really understand it and what to do to remove it.

It's:

iCodeOauthViewController.m:83: warning: local declaration of 'tableView' hides instance variable

Posted 11 months ago #
BraveSirRobin
Member

@Yenaphe:

"iCodeOauthViewController.m:83: warning: local declaration of 'tableView' hides instance variable"

My guess here is that you have a class member attribute called 'tableView' and a local variable declaration of the same name. I like to have class member attributes with an underscore, e.g., tableView_.

Posted 11 months ago #
iUridium
Member

Hi guys. Is there any easy way to avoid using UIWebView for providing login interface? I am planning to use UIAlertView as login pop-up dialog, but having hard time re-using MGTwitterEngine+OAuth...

Posted 9 months ago #
iUridium
Member

Is xAuth better solution for what I need?

Posted 9 months ago #
Paul
Member

Absolutely. But it will take a long time to get that. You need to ask Twitter for permission to use xAuth which took - in my case - some weeks. Nevertheless it's much easier for users.

Posted 9 months ago #
iUridium
Member

Thnx Paul. I already submitted request and their first reply was quite fast. I've sent them more info and waiting confirmation.. Found nice post about it on http://www.2bros1blog.com/2010/07/switching-from-basic-to-xauth-with-mgtwitterengine-on-iphone/

Posted 9 months ago #
Kenn
Member
Well I read all Twitter integration tutorials here, all your code and still don't know how to remove login view after log in. Everything works fine, I'm able to log in, prove application, send tweets, but after first login I got only gray screen with blank view and have no idea how to remove it as I have near no experience with UI kit.

Here is my twitterAccountLogin which I edited and I would have thought this code should remove view after login, but it won't.
```
- (void)twitterAccountLogin
{
	if (_engine == nil) {
		OAuthTwitterDemoViewController *twitterViewController = [[OAuthTwitterDemoViewController alloc] initWithNibName:@"OAuthTwitterDemoViewController" bundle:[NSBundle mainBundle]];
		[viewController presentModalViewController:twitterViewController animated:NO];
		[viewController dismissModalViewControllerAnimated:NO];
		[twitterViewController dismissModalViewControllerAnimated:NO];
		[twitterViewController release];
		[[CCDirector sharedDirector] replaceScene:[MainMenuScene scene]];
	}

}
```
Have anyone solved this "problem" yet as someone was mentioning it earlier.
Posted 7 months ago #

Zuningo
Member

hey Kenn,

I'm not sure if I understood what you want to do, but did you try to log out from twitter?

because i think i had some similar problems when i tried to figure out how to use twitter-oauth...
then i found code to log out from twitter and reset everything and everything was going fine again as expected:

log out from twitter code (just some play around sample project):

- (void)buttonLogOutClick:(id)sender{
	NSLog(@"logout");
	[_engine clearAccessToken];
	[_engine clearsCookies];
	[_engine setClearsCookies:YES];
	[[NSUserDefaults standardUserDefaults] removeObjectForKey:@"authData"];
	[[NSUserDefaults standardUserDefaults]removeObjectForKey:@"authName"];

	NSLog(@"%@",[[NSUserDefaults standardUserDefaults]valueForKey:@"authName"]);
	NSLog(@"%@",[[NSUserDefaults standardUserDefaults]valueForKey:@"authData"]);

	[_engine release];
	_engine=nil; 

}

maybe to run this code somewhere in your project helps, or i might have completely misunderstood your problem :-)

after logging out, if you want to login again to twitter without restarting your app, i use this code:

- (void)buttonClick:(id)sender{

	// if engine logged out before, create new engine:
	if (_engine == nil){
		NSLog(@"creating engine");
		_engine = [[SA_OAuthTwitterEngine alloc] initOAuthWithDelegate: self];
		_engine.consumerKey = kOAuthConsumerKey;
		_engine.consumerSecret = kOAuthConsumerSecret;
	}

	// ask if engine is authorized
	if(![_engine isAuthorized])
	{
		UIViewController *controller = [SA_OAuthTwitterController controllerToEnterCredentialsWithTwitterEngine: _engine delegate: self];

		if (controller) {
			[self presentModalViewController: controller animated: YES];
		}
	}
	else {
		NSLog(@"authenticated and ready to sendUpdate!!!!!");
		//[_engine sendUpdate: [NSString stringWithFormat: @"Already Updated. %@", [NSDate date]]];
	}
}

hope it helps :-)

Posted 7 months ago #

Kenn
Member

Thank you, this really helped me!

Posted 7 months ago #
gjritter
Member

This isn't strictly twitter-oauth-iphone related, but getsharekit.com offers an extremely simple drop-in sharing component for iOS apps that works quite well with cocos2d. It integrates with twitter, facebook and other sharing services. It's as easy to use as:

SHKItem *item = [SHKItem text:[NSString stringWithFormat:@"I just scored %d in Tiny Words! http://tinywords.info", self.model.score]]; SHKActionSheet *actionSheet = [SHKActionSheet actionSheetForItem:item]; [actionSheet showInView:[CCDirector sharedDirector].openGLView];

It handles all of the authentication details (popping up a UIWebView with the twitter oauth page, for example) for you - you just need to provide your api key and secret in the SHKConfig.h file.

Posted 6 months ago #
rawbeans
Member

@gjritter
ShareKit looks very convenient, thanks for sharing. However, there are a few things about it that make me hesitate to use it. It appears to the user as less secure because they enter their password in forms in your app rather than at the actual FB or twitter url. For all they know, you could be storing their info. I didn't see any twitter/fb login forms in the demo video or screenshots, so maybe the authentication process for those services are different than those demoed.

Also, can you remove packages that you do not want to use (is it modular)? Otherwise the size overhead outweighs the convenience of implementing it.

Posted 6 months ago #
sascsedu
Member

Hello,

I am using Xcode 4 and xmlparser version libxml2.2.dylib. I have added the Header search Path as all you described here and also added the dynamic parser. But still I am having the same problem.

The error says:

ld: warning: ignoring file /Users/afanurrashid/Desktop/TwitterTest/libxml2.2.dylib, missing required architecture i386 in file
Undefined symbols for architecture i386:
"_xmlReaderForMemory", referenced from:
-[MGTwitterLibXMLParser initWithXML:delegate:connectionIdentifier:requestType:responseType:URL:] in MGTwitterLibXMLParser.o
"_xmlTextReaderIsEmptyElement", referenced from:
-[MGTwitterLibXMLParser _nodeValue] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _statusDictionaryForNodeWithName:] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _userDictionaryForNodeWithName:] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _hashDictionaryForNodeWithName:] in MGTwitterLibXMLParser.o
-[MGTwitterMessagesLibXMLParser _directMessageDictionaryForNodeWithName:] in MGTwitterMessagesLibXMLParser.o
................................
.....................

"_xmlFree", referenced from:
-[MGTwitterLibXMLParser initWithXML:delegate:connectionIdentifier:requestType:responseType:URL:] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _nodeValueAsString] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _nodeValueAsDate] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _nodeValueAsInt] in MGTwitterLibXMLParser.o
-[MGTwitterLibXMLParser _nodeValueAsBool] in MGTwitterLibXMLParser.o
ld: symbol(s) not found for architecture i386
collect2: ld returned 1 exit status

Can anyone help me in this regard. I am having great problem with this error.

Thanks in advance.

Posted 4 months ago #
phil_me_up
Member

Have you followed these steps:

In order to get your project to compile you’ll need to first include the libxml2 Framework (right click on your project and choose Add Exisiting Frameworks).

Now right click on your project and choose ‘Get Info’. In the build tab, scroll down till you see the ‘Search Paths’ section. In the ‘Header Search Paths’ field, add ‘$(SDKROOT)/usr/include/libxml2′

Finally, expand the Twitter+OAuth group in your project and then expand theMGTwitterEngine group. Open MGTwitterEngine.m and alter #define USE_LBXML 0 to #define USE_LIBXML 1.

Posted 4 months ago #

RSS feed for this topic

12 Next »

Reply »

You must log in to post.