我的cocos2d-x集成sharesdk之旅(转)

随着智能机的火速普及,现在市面上好多智能机的游戏(ios,android,wp,==)，最近我也加入了手机游戏开发者的行列.选择cocos2d-x作为我们的游戏引擎…在研究其他手机游戏的过程中我发现,很多游戏都有微博分享的功能，当你在游戏里厮杀获得好成绩的时候，你是否想跟朋友一起分享呢…微博分享无疑是一个很好的选择。

我的要求是能够分享新浪微博，腾讯微博，QZone。如果是以前，你可能会下载各个平台提供的sdk进行相应的植入。对我等初接触微博分享开发的人来说，如果能有一套整合的框架，我的理想情况是，只需要写weibo.share,weibo.follow,==即可解决繁琐的解析，check等操作。经过朋友推荐，我遇到了ShareSDK。

ShareSDK是为iOS、Android、WP8的APP提供社会化功能的一个组件，开发者只需10分钟即可集成到自己的APP中，它不仅支持如QQ、微信、新浪微博、腾讯微博、开心网、人人网、豆瓣、网易微博、搜狐微博、facebook、twitter、google+等国内外主流社交平台，还有强大的统计分析管理后台，可以实时了解用户、信息流、回流率、传播效应等数据，有效的指导日常运营与推广，同时为APP引入更多的社会化流量。【我是拷贝官方的introduce，抱歉我的偷懒】，详细的介绍在http://sharesdk.cn/Index/production，感兴趣的朋友可以自行参阅。

根据ShareSDK提供的介绍我们可知他提供了若干view,自定义ui之类的方法和package,对于传统app，他提供了友好的界面和操作行为，但由于我们的项目是cocos2d-x的界面,so…我不打算使用官方提供的关于这部分的包。如果您不打算使用自己的ui，官方提供了自定义的方法，请参阅官方sdk提供的教程。

Sharesdk的申请流程

请登陆http://sharesdk.cn并注册帐号。

注册成功后,在首页点击”我的应用”

因为我之前已经创建过,无妨,点击添加按钮

选中您需要的平台和应用名称，因为我需要支持android,ios,所以创建了两个应用，分别是PokerFaceAndroid,PokerFaceIOS用以区分。

选择一个应用,你将在”下载SDK”的底部发现Appkey的字样，这个就是将来你要用到的key。下载相应的SDK备用。

介绍一下新浪微博，腾讯微博，QZone这三个平台的appkey的申请方法

【新浪微博】

进入http://open.weibo.com/developers，进行开发者帐号的申请与身份认证，具体不再赘述。

验证过程可能需要点时间，请稍安勿躁，看下面的介绍

进入http://open.weibo.com/development/mobile

点击创建应用

输入您应用的相关信息,注意，选择您需要的平台，并创建。创建完成后可到管理界面查看应用的基本情况。

记下AppKey和AppSecret，接下来提供给sharesdk使用。

这里有个坑，如果你按照上面的步骤创建了应用，你在分享的时候会出现报错error:redirect_uri_mismatch。解决方法就是进入应用程序-高级信息里设置安全设置里的域名绑定。

至此，sina微博的app申请流程介绍完毕，sina微博的规则是自申请之日3天后才能开启审核，so，这段时间加油写代码吧。

【腾讯微博】

跟新浪微博一样，腾讯微博也要进行类似的操作，进入http://dev.t.qq.com/development/developer/

填写相关的资料进行审核和资质验证。

验证通过后点击“创建应用”

根据提示填写相关资料

提交后，进入“管理中心”可以看到我们应用的基本信息

Tencent微博也就这么happy的结束了

【QZone】

进入http://connect.qq.com/intro/login/，点击申请加入，经过一系列的申请，审核，验证的操作，进入管理中心

点击创建应用

这里，我们选择移动应用

补全相关信息。点击创建应用，我们就可以在“管理中心”内看到我们创建的应用了。

至此，这三个平台的注册，创建过程介绍完毕。

【集成概要】

Cocos2d-x支持多种平台，在这里就不赘述了，我们需要在andriod，ios版本里支持微博分享功能，当然为了兼容考虑，也得写win32的实现，不过win32是以空函数来实现的，代表不做任何操作。

微博分享，大约需要几个东西

分享

关注

授权

取消授权

获取用户id

获取用户昵称

另外还需要以上这些行为的回调函数进行自定义操作

头文件SocialShare.h

+expandsource

定义了这样的一个头文件,就可以提供给win32(空函数),android和ios使用了

SocialShareWin32.cpp

+expandsource

【android集成】

下载官方sharesdk（android版），解压后得到如下所示的文件列表

其中sample是一个比较全面的例子，里面讲解了各种用法，童鞋们可以自行研究，熟悉熟悉

Libs目录下有

其中Global-Dependences是全局依赖的一个包，名字叫ShareSDK-Core.jar

Platforms里的压缩包文件是各个平台要用到的sdk包

将其解压，copy到自己工程里即可使用

ShareSDK-GUI目录是给一键分享用的，我们目前用不到，so，感兴趣的童鞋可以自行查阅相关资料

添加

用以支持授权时候的逻辑

并添加相应的权限

设置完后，如果出现一些问题，请到http://bbs.sharesdk.cn/thread-45-1-1.html查询或者留言。

接下来修改“主activity.java”

+expandsource

接下来，看看jni部分咋写

SocialShareAndroid.cpp

+expandsource

Android集成sharesdk算是结束了

【xcode集成】

下载官方sharesdk（ios版），解压后得到如下所示的文件列表

详细集成过程请参考官方文档，我们使用的framework我提取了一下，list如下

添加依赖框架(Framework)

打开项目设置中的BuildPhases页，在“LinkBinaryWithLibraries”一栏中，点击左下角的“＋”号；在弹出窗口里面分别以下库加入到项目中：

SystemConfiguration.framework

QuartzCore.framework

libicucore.dylib

libz.1.2.5.dylib

//下面的描述来自官方文档BEGIN

打开*-Info.plist（*代表你的工程名字）。在配置文件中新增一项URLtypes

（如果存在可以不创建），展开URLtypes–URLSchemes，在URLSchemes下分别各新增一项用于新浪微博和Facebook授权的Scheme（如果不添加则会导致新浪微博或Facebook的SSO授权方式无法返回应用）。其中新浪填写格式为：sinaweibosso.2279784657，其中后面的数字段为你在新浪微博申请的AppKey。Facebook填写格式为：fb107704292745179，其中后面的数字段为你在Facebook申请的AppKey

//from官方文档END

导入头文件ShareSDK.h并初始化社交平台的App信息。

打开AppController.mm文件，#import<ShareSDK/ShareSDK.h>

添加实现函数

-(BOOL)application:(UIApplication*)applicationopenURL:(NSURL*)urlsourceApplication:(NSString*)sourceApplicationannotation:(id)annotation

{

return[ShareSDKhandleOpenURL:urlsourceApplication:sourceApplicationannotation:annotationwxDelegate:self];

}

-(BOOL)application:(UIApplication*)applicationhandleOpenURL:(NSURL*)url

{

return[ShareSDKhandleOpenURL:urlwxDelegate:self];

}

SocialShareIOS.mm文件

#include“SocialShare.h”

#if(CC_TARGET_PLATFORM==CC_PLATFORM_IOS)

#include

#import<ShareSDK/ShareSDK.h>

SocialShare*SocialShare::m_sShare=NULL;

typedefstructWeiboUserInfo

{

std::stringuserID;

std::stringuserName;

}WeiboUserInfo;

std::map<ShareType,WeiboUserInfo>g_mapUserInfo;

boolg_bSocialShareInited=false;

voidSocialShare::init()

{

if(!g_bSocialShareInited)

{

SocialShare::m_sShare=newSocialShare();

g_mapUserInfo.clear();

[ShareSDKregisterApp:@"xx"];//你注册的sharesdk的appkey

[ShareSDKconnectSinaWeiboWithAppKey:@"xx"appSecret:@"xx"redirectUri:@"xx"];

[ShareSDKconnectTencentWeiboWithAppKey:@"xx"appSecret:@"xx"redirectUri:@"xx"];

[ShareSDKconnectQZoneWithAppKey:@"xx"appSecret:@"xx"];

g_bSocialShareInited=true;

}

}

voidSocialShare::end()

{

deleteSocialShare::m_sShare;

SocialShare::m_sShare=NULL;

}

ShareTypegetWeiboType(constchar*strWeiboName)

{

ShareTypetype=ShareTypeAny;

if(!strWeiboName||strlen(strWeiboName)==0)

{

CCLog(“SocialShare::getWeiboTypestrWeiboNameisnull!”);

returntype;

}

if(strcmp(strWeiboName,SOCIALSHARE_SINAWEIBO_NAME)==0)

{

type=ShareTypeSinaWeibo;

}

elseif(strcmp(strWeiboName,SOCIALSHARE_TENCENTWEIBO_NAME)==0)

{

type=ShareTypeTencentWeibo;

}

elseif(strcmp(strWeiboName,SOCIALSHARE_QZONE_NAME)==0)

{

type=ShareTypeQQSpace;

}

returntype;

}

voidupdateWeiboInfo(constchar*strWeiboName)

{

ShareTypetype=getWeiboType(strWeiboName);

if(type==ShareTypeAny)

{

return;

}

[ShareSDKgetUserInfoWithType:typeauthOptions:nilresult:^(BOOLresult,iduserInfo,iderror){

if(result)

{

WeiboUserInfotmp;

tmp.userName=[[userInfonickname]UTF8String];

tmp.userID=[[userInfouid]UTF8String];

g_mapUserInfo[type]=tmp;

}

else

{

g_mapUserInfo.erase(type);

}

}];

}

voidSocialShare::weiboShare(constchar*strWeiboName,constchar*strTitle,constchar*strText,constchar*strImageDir,constchar*strTitleUrl,constchar*strImageUrl,constchar*strSiteUrl)

{

ShareTypetype=getWeiboType(strWeiboName);

if(type==ShareTypeAny)

{

return;

}

char_strTitleUrl[128]=“\0″;

if(strTitleUrl&&strlen(strTitleUrl)>0)

{

strcpy(_strTitleUrl,strTitleUrl);

}

NSString*imagePath=[NSStringstringWithUTF8String:strImageDir];

idpublicContent=[ShareSDKcontent:[NSStringstringWithUTF8String:strText]defaultContent:@”"image:[ShareSDKimageWithPath:imagePath]title:[NSStringstringWithUTF8String:strTitle]url:[NSStringstringWithUTF8String:_strTitleUrl]description:[NSStringstringWithUTF8String:strText]mediaType:SSPublishContentMediaTypeText];

[ShareSDKshareContent:publicContenttype:typeauthOptions:nilstatusBarTips:YESresult:^(ShareTypetype,SSPublishContentStatestate,idstatusInfo,iderror,BOOLend){

if(state==SSPublishContentStateFail)

{

NSLog(@"weiboShare%@",[NSStringstringWithFormat:@"分享失败%@",[errorerrorDescription]]);

}

if(state!=0)

{

doWeiboResultFunc(strWeiboName,1,(int)state);

updateWeiboInfo(strWeiboName);

}

}];

}

voidSocialShare::weiboFollowFriend(constchar*strWeiboName,constchar*strAccount)

{

ShareTypetype=getWeiboType(strWeiboName);

if(type==ShareTypeAny)

{

return;

}

[ShareSDKfollowUserWithType:typefield:[NSStringstringWithUTF8String:strAccount]fieldType:SSUserFieldTypeNameauthOptions:nilviewDelegate:nilresult:^(SSResponseStatestate,iduserInfo,iderror){

if(state==SSResponseStateFail)

{

NSLog(@”weiboShare%@”,[NSStringstringWithFormat:@"关注失败%@",[errorerrorDescription]]);

}

if(state!=0)

{

doWeiboResultFunc(strWeiboName,1,(int)state);

updateWeiboInfo(strWeiboName);

}

}];

}

voidSocialShare::weiboAuth(constchar*strWeiboName)

{

ShareTypetype=getWeiboType(strWeiboName);

if(type==ShareTypeAny)

{

return;

}

[ShareSDKauthWithType:typeoptions:nilresult:^(SSAuthStatestate,iderror){

if(state==SSAuthStateFail)

{

NSLog(@"weiboShare%@",[NSStringstringWithFormat:@"授权失败%@",[errorerrorDescription]]);

}

if(state!=0)

{

doWeiboResultFunc(strWeiboName,1,(int)state);

updateWeiboInfo(strWeiboName);

}

}];

}

voidSocialShare::weiboRemoveAccount(constchar*strWeiboName)

{

ShareTypetype=getWeiboType(strWeiboName);

if(type==ShareTypeAny)

{

return;

}

[ShareSDKcancelAuthWithType:type];

doWeiboResultFunc(strWeiboName,4,1);

updateWeiboInfo(strWeiboName);

}

std::stringSocialShare::weiboGetUserId(constchar*strWeiboName)

{

ShareTypetype=getWeiboType(strWeiboName);

std::map<ShareType,WeiboUserInfo>::iteratormi=g_mapUserInfo.find(type);

if(mi!=g_mapUserInfo.end())

{

returnmi->second.userID;

}

return“”;

}

std::stringSocialShare::weiboGetUserName(constchar*strWeiboName)

{

ShareTypetype=getWeiboType(strWeiboName);

std::map<ShareType,WeiboUserInfo>::iteratormi=g_mapUserInfo.find(type);

if(mi!=g_mapUserInfo.end())

{

returnmi->second.userName;

}

return“”;

}

#endif

至此，IOS部分的集成工作也完成了

我们得写点代码测试一下

在你项目里的项目名.cpp里的初始化里写

boolAppXXXXXX:applicationDidFinishLaunching()里添加

SocialShare::init();

voidAppXXXXXX::exit()里添加

SocialShare::end();

//testweibo

SocialShare::shareSocialShare()->setWeiboResultNotifier(this,socialweibo_selector(MainMenuLayer::onweiboCallback));

CCMenuItemFont*weiboid=CCMenuItemFont::create(a2u(“获取微博id”).c_str(),this,menu_selector(MainMenuLayer::onweiboid));

CCMenuItemFont*weiboname=CCMenuItemFont::create(a2u(“获取微博名字”).c_str(),this,menu_selector(MainMenuLayer::onweiboname));

CCMenuItemFont*weiboauth=CCMenuItemFont::create(a2u(“微博授权”).c_str(),this,menu_selector(MainMenuLayer::onweiboauth));

CCMenuItemFont*removecount=CCMenuItemFont::create(a2u(“删除帐号”).c_str(),this,menu_selector(MainMenuLayer::onremovecount));

CCMenuItemFont*weibofollow=CCMenuItemFont::create(a2u(“微博关注”).c_str(),this,menu_selector(MainMenuLayer::onweibofollow));

CCMenuItemFont*weiboshare=CCMenuItemFont::create(a2u(“微博分享”).c_str(),this,menu_selector(MainMenuLayer::onweiboshare));

CCMenu*menu=CCMenu::create(weiboid,weiboname,weiboauth,removecount,weibofollow,weiboshare,NULL);

CCPointmenuPostion=menu->getPosition();

menu->setPosition(menuPostion.x,menuPostion.y+visibleSize.height*0.1f);

menu->alignItemsVertically();

addChild(menu);

voidMainMenuLayer::onweiboid(CCObject*sender)

{

CCLOG(“MainMenuLayer::onweiboid\t%s”,SocialShare::shareSocialShare()->weiboGetUserId(SOCIALSHARE_SINAWEIBO_NAME).c_str());

}

voidMainMenuLayer::onweiboname(CCObject*sender)

{

CCLOG(“MainMenuLayer::onweiboname\t%s”,SocialShare::shareSocialShare()->weiboGetUserName(SOCIALSHARE_SINAWEIBO_NAME).c_str());

}

voidMainMenuLayer::onweiboauth(CCObject*sender)

{

SocialShare::shareSocialShare()->weiboAuth(SOCIALSHARE_SINAWEIBO_NAME);

}

voidMainMenuLayer::onremovecount(CCObject*sender)

{

SocialShare::shareSocialShare()->weiboRemoveAccount(SOCIALSHARE_SINAWEIBO_NAME);

}

voidMainMenuLayer::onweibofollow(CCObject*sender)

{

SocialShare::shareSocialShare()->weiboFollowFriend(SOCIALSHARE_SINAWEIBO_NAME,a2u(“李东日-ldr123″).c_str());

}

voidMainMenuLayer::onweiboshare(CCObject*sender)

{

stringstrFile=saveScreen(“xx.jpg”);

if(!strFile.empty())

{

SocialShare::shareSocialShare()->weiboShare(SOCIALSHARE_SINAWEIBO_NAME,a2u(“PokerFace测试”).c_str(),a2u(“大家可以来关注哦,@李东日-ldr123http://ldr123.mobi”).c_str(),strFile.c_str());

}

}

boolMainMenuLayer::onweiboCallback(constchar*x,inty,intz)

{

CCLOG(“MainMenuLayer::onweiboCallback:%s,%d,%d”,x,y,z);

returntrue;

}

大家看到a2u()函数了把，这个函数是将gb2312的字符串转换成utf8，这样才能在cocos2d-x里显示中文，是用iconv实现，具体请搜索相关关键字“cocos2d-xiconv”

另外，提供saveScreen代码

//如果是发微博用的，最好jpg。。。

std::stringsaveScreen(constchar*fileName)

{

stringstrResult=“”;

boolbResult=false;

CCSizesize=CCDirector::sharedDirector()->getWinSize();

CCRenderTexture*screen=CCRenderTexture::create(size.width,size.height);

CCScene*temp=CCDirector::sharedDirector()->getRunningScene();

screen->begin();

temp->visit();

screen->end();

CCImage*pImage=screen->newCCImage(true);

if(pImage)

{

strResult=CCFileUtils::sharedFileUtils()->getWritablePath()+fileName;

bResult=pImage->saveToFile(strResult.c_str(),true);

}

CC_SAFE_DELETE(pImage);

CC_SAFE_DELETE(screen);

if(bResult)

{

returnstrResult;

}

return“”;

}

哇哦，好多东西，终于结束了，开心的编译和调试吧。

后记：

这次weibo分享集成之旅，我感慨良多，每次看到一个新东西的时候，总感觉这很容易啊，分分钟搞定啊，可是真正的参与操作才会发现，各种各样需要解决的坑。留此博文仅供参考。博文中或许有些许不恰当或者不精准的用词，还请海涵。也感谢sharesdk官方客服耐心的解答和提供的建议，再次感谢！

最后，如果您是cocos2d-x使用者，也想使用sharesdk，那么你来对地方了，这里可以解决你的烦恼，欢迎技术探讨与交流，博文中提供的代码片段已经足够帮助理解和使用了，对于求代码者，我只能“呵呵”了。