美文网首页iOS干货UI橙红科技有限公司
使用ShareSDK完成第三方(QQ、微信、微博)登录和分享

使用ShareSDK完成第三方(QQ、微信、微博)登录和分享

作者: 碧霄问鼎 | 来源:发表于2015-07-08 11:34 被阅读32131次

    这几天遇到一个需求:做第三方登录和分享。遇到了一些坑,把整个过程整理记录下来,方便他人,同时也捋一下思路。

    当时考虑过把每个平台的SDK下载下来,一个一个弄,一番取舍后决定还是用ShareSDK。这里只做了微博、微信和QQ。过程如下:

    1.去ShareSDK官网注册一个账号方便以后对ShareSDK的配置。

    2.按照集成文档的步骤开始做,不得不说这个集成文档里面有坑,有坑的地方我会指出。

    文档中心

    3.添加一个应用。有很多种方式可以添加一个应用,多点点。这里我创建了一个test应用。

    添加应用

    创建后进去的页面如下:

    应用概况

    这里的App Key和App Secret(不显示的话,点击显示)很重要,可以用来初始化ShareSDK,

    4.下载SDK。

    下载SDK

    这里是第一个坑,虽然你可以自定义下载SDK,如果你做QQ分享和登录,一定不要忘记下载QQ空间的SDK。因为QQ本身不支持第三方登录,但支持第三方分享包括QQ空间分享,QQ空间支持第三方登录,所以如果你做QQ分享和登录,一定要记得下载QQ空间的SDK。如果只做分享,那只下载QQ的就行。这里我被坑过,ShareSDK提供的文档里面没有说明。

    自定义下载SDK

    下载后的SDK文件目录:

    下载后的SDK文件目录

    5.把下载的ShareSDK添加到项目中。

    项目中的ShareSDK

    到现在为止运行项目是会报错的,原因是没有添加相关的依赖库。

    6.添加相关的依赖库。

    以下摘自ShareSDK提供的文档。

    必须添加的依赖库如下:

    SystemConfiguration.framework
    QuartzCore.framework
    CoreTelephony.framework
    libicucore.dylib
    libz.1.2.5.dylib
    Security.framework
    

    以下依赖库根据社交平台添加
    新浪微博SDK依赖库 (从v2.10.5开始)

     ImageIO.framework
    

    QQ好友和QQ空间SSO必要(新注册腾讯开放平台帐号只支持SSO授权,只是老开发者才可以使用网页授权)

    libstdc++.dylib
    libsqlite3.dylib
    

    添加相应依赖库后的项目结构是这个样子的:

    添加相应依赖库后项目结构
    到这里运行项目是不会报错的,如果报错,检查添加的依赖库是缺了、漏了、还是错了。

    AppDelegate.m中添加以下头文件,再运行项目看看,这是不会报错的,如果报错看提示信息,多搜索,相信是能够解决的。

    #import <ShareSDK/ShareSDK.h>
    #import <TencentOpenAPI/QQApiInterface.h>
    #import <TencentOpenAPI/TencentOAuth.h>
    #import "WXApi.h"
    #import "WeiboSDK.h"
    

    7.到相应开发者平台注册开发者账号,并添加你要进行分享和使用第三方登录应用的信息。

    添加新浪微博应用 注册网址 http://open.weibo.com
    添加QQ应用 注册网址 http://mobile.qq.com/api/
    添加微信应用 http://open.weixin.qq.com

    注意:这三家的开放平台,目前为止,页面做的都跟山寨网站似的(微信的好一点),奇卡无比。当然这不是吐槽的重点,重点是注册流程繁琐,还要认证开发者身份,需要等一个工作日。其中如果做微信登录的话,每年要交300元的什么费。这里没有什么难度就是个体力活,就不详说了,有什么疑问,请留言,你的留言也是对我的信任和支持。

    注册完,申请完就可以拿到AppID、AppSecret、AppKey等东西。

    微博的 QQ的 微信的

    注:QQ的AppKey在ShareSDK中叫AppSecret。名字不统一,这个比较扯淡。

    拿到这些AppID、AppSecret、AppKey等东西后就可以开始对ShareSDK进行初始化。

    AppDelegate.m中添加下面这个方法,并记得在- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法中调用。

    - (void)initShareSDK {
        [ShareSDK registerApp:@"884a1b86xxxx"];
    
        //对新浪微博SDK进行初始化
        [ShareSDK connectSinaWeiboWithAppKey:@"406116xxxx"
                               appSecret:@"b6a542582057e39a6fca582b14dxxxxxx"
                                redirectUri:@"http://www.xxxx.com"];
        //注这里的redirectUri要与你在新浪微博开放平台上填写的那个授权回调页的URL保持一致,否则在使用微博登录的时候会报一个redirectUri找不到的错误,这里是一个坑。
        //突然发现这里redirectUri是什么鬼?难道ShareSDK的制作者敲错了?不应该是URL吗?
    
        //QQ分享SDK初始化
        [ShareSDK connectQQWithQZoneAppKey:@"110467xxxx"
                     qqApiInterfaceCls:[QQApiInterface class]
                       tencentOAuthCls:[TencentOAuth class]];
    
        //QQ登录SDK初始化
        [ShareSDK connectQZoneWithAppKey:@"1104677455"
                           appSecret:@"KnjAB2I0G8Vxxxxx"
                   qqApiInterfaceCls:[QQApiInterface class]
                     tencentOAuthCls:[TencentOAuth class]];
        // 注:QQ登录的appSecret参数,是你在QQ开放平台是拿到的AppKey
    
        //对微信SDK进行初始化
       [ShareSDK connectWeChatWithAppId:@"wx02e84c8fa45xxxx"
                           appSecret:@"ef9006286ce2637caeb648cb58dxxxx"
                           wechatCls:[WXApi class]];
    }
    

    8.添加URL Schemes。
    点击:项目名 > TARGETS > info > URL Types 点击添加URL Types。
    如图:

    添加URL Schemes

    在URL Schemes后面的框里添上对应信息。

    新浪微博的URL Schemes是:wb 加上在微博开放平台申请的AppKey。
    微信的URL Schemes是:微信开放平台申请的AppID。
    QQ空间的URL Schemes是:QQ开放平台申请的 tencent 加上 AppID。(如果只做分享的话,可以不添加,做登录的话必须添加)
    QQ的URL Schemes是:QQ 加上 AppID的16进制(如果AppID转换的16进制数不够8位则在前面补0,如转换的是:5FB8B52,则最终填入为:QQ05FB8B52 注意:转换后的字母要大写)
    

    转换16进制的方法:echo 'ibase=10;obase=16;801312852'|bc,其中801312852为QQ的AppID,见下图:

    QQ URLSchemes

    添加完URL Schemes后,在AppDelegate.m文件中添加以下对URL处理的代码:

    - (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url
    {
        return [ShareSDK handleOpenURL:url wxDelegate:self];
    }
    
    - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
    {
    return [ShareSDK handleOpenURL:url
                 sourceApplication:sourceApplication
                        annotation:annotation
                        wxDelegate:self];
     }
    

    到此第三方的准备工作就算是做完了。

    9.写分享的代码。

    (1)在界面上添加按钮,并绑定响应事件。
    (2)写事件处理代码。

    事件处理代码,如下:

    - (void)thridPartyShareWithShareType:(ShareType)shareType {
        //只需要在响应分享按钮的方法中添加以下代码即可
        NSString *img = [[NSBundle mainBundle] pathForResource:@"mm" ofType:@"png"];
    
        //构造分享内容
        id<ISSContent> publishContent = [ShareSDK content:@"ShareSDK无比强大哦"
                                           defaultContent:@""
                                                    image:[ShareSDK imageWithPath:img]
                                                    title:@"演示Demo中的标题"
                                                      url:@"http://www.mob.com"
                                              description:@"测试DEMO正在制作中,欢迎大家观看"
                                                mediaType:SSPublishContentMediaTypeNews];
    
        [ShareSDK shareContent:publishContent
                          type:shareType
                   authOptions:nil
                  shareOptions:nil
                 statusBarTips:YES
                        result:^(ShareType type, SSResponseState state, id<ISSPlatformShareInfo> statusInfo, id<ICMErrorInfo> error, BOOL end) {
                            if (state == SSPublishContentStateSuccess)
                            {
                                NSLog(NSLocalizedString(@"TEXT_SHARE_SUC", @"发表成功"));
                            }
                            else if (state == SSPublishContentStateFail)
                            {
                                NSLog(NSLocalizedString(@"TEXT_SHARE_FAI", @"发布失败!error code == %d, error code == %@"), [error errorCode], [error errorDescription]);
                            }
                        
                        }];
    
    }
    

    方法中的shareType参数传什么值就分享到什么平台:

    ShareTypeSinaWeibo            //新浪微博 
    ShareTypeQQSpace              //QQ空间 (注意:填写这个类型就可以分享到好友和QQ空间,也可以用来做登录)
    ShareTypeWeixiSession         //微信好友 (这个类型也可以用来做微信登录)
    ShareTypeWeixiTimeline        //微信朋友圈
    
    到这里分享就算是做好了。

    </br>
    10.写登录代码。(这里在ShareSDK的文档里,又有一个坑
    (1)在ShareSDK做第三方登录的文档里,这里要求去一个Parse的网站注册下载一大堆东西。并添加一堆依赖库,可这些并没有什么卵用。理由如下:

    它让在应用了集成Parse,就是做一个对第三方平台返回的信息(id、nickname、profileImage)进行存储,可这些,我们都是存自己公司服务器的,做这些都是扯淡的,但文档里并没有说明。我靠,让我郁闷半天。

    (2)在界面添加按钮,并绑定响应事件。
    (3)写响应代码(以QQ登录为例,三个平台的代码是一样的,不同点在Type这个参数上)。

    - (IBAction)QQLogin:(UIButton *)sender {
        [ShareSDK getUserInfoWithType:ShareTypeQQSpace authOptions:nil result:^(BOOL result, id<ISSPlatformUser> userInfo, id<ICMErrorInfo> error) {
            if (result) {
                NSLog(@"%hhd", result);
                NSLog(@"%@", [userInfo uid]);
                NSLog(@"%@", [userInfo nickname]);
                NSLog(@"%@", [userInfo profileImage]);
           
                //在这里把拿到的userInfo里面的值做处理,存服务器或者什么的
    
                UIAlertView *alertView = [[UIAlertView alloc]
                                              initWithTitle:@"Hello"
                                              message:@"欢迎注册"
                                              delegate:nil
                                              cancelButtonTitle:@"知道了"
                                              otherButtonTitles: nil];
                [alertView show];
               } else {
                UIAlertView *alertView = [[UIAlertView alloc]
                                      initWithTitle:@"Hello"
                                      message:@"欢迎回来"
                                      delegate:nil
                                      cancelButtonTitle:@"知道了"
                                      otherButtonTitles:nil];
                [alertView show];
            }
        }];
    }
    

    到这里第三方登录就算是做好了。</br>
    最后,退出登录授权使用一下代码。

    [ShareSDK cancelAuthWithType:ShareTypeQQSpace]; //这里以QQ为例了
    
    总结,整个过程来看是没有什么技术含量的,但让人感到困难的原因就是这些平台提供的文档问题,不清晰,不说明是干什么的,浪费很多时间去理解这些文档。我强压怒火的在心中喊一句:操。然后接着埋头写代码了。



    下篇见~

    相关文章

      网友评论

      • Zszen:sharesdk 现在api是 ShareSDK getUserInfo
      • o好久不见o:大神的方向很给力,准备试一试。
      • Cb724r:文章比较老了,QQ现在支持第三方登录和空间分享
      • 指尖猿:楼主,为甚我这句代码 用Pods 的
        // [ShareSDK registerApp:appKeyShareSDK];
        加进去就是报错
      • 键盘男:请问一下,微信登陆,是不是要配置app secret的?仅有app id行不行?
      • ccc小yyy:你好,我做微信登录时遇到个问题,登录时不是跳到本机微信的授权登录页面,为什么?是和“在ShareSDK做第三方登录的文档里,这里要求去一个Parse的网站注册下载一大堆东西”这个相关吗
      • 肖无情:为什么获取不到用户的信息
      • 我______:我想问下类似 pc 分享一样 微博 微信 qq 直接显示在界面 然后实现分享怎么弄呢
      • 空转风:公司之前有个安卓版的项目,现在要做iOS,我去qq开放平台注册提示我项目名重复,那我又不能用其他项目名,而这个项目是安卓的,我就想问我iOS能用他的appid还有appsecret吗
      • 信以为真:请问我分享到Twitter却跳不了应用,只能网页授权,你试过吗、。?网上说Twitter不需要设置额外的白名单啊。。
      • plantseeds:请问微博上的应用审核未通过就不能使用分享功能吗? 但是我app还未上架无法填写应用app id信息啊
      • 3fc8e6694ed7:作者:请教个问题--ShareSDK的第三方登陆在iPad上可以调试出来,在iPhone上怎么就调试不出来?这个问题遇到过没?
      • JonnyCooper:你写的这个只是在 shareSDK3.2之前有用吧!
      • Aili_00:谢谢分享:cherry_blossom::cherry_blossom:
      • boboWave123:你好,我使用了ShareSDK For iOS v3.1.5做第三方授权登录,按照文档的配置步骤做,新白名单啥的也都添加了、新浪微博的授权已经ok了,可做qq授权这一步老是遇到这个错误
        “#warning:[QQ]应用信息有误,不能进行相关操作。请检查本地代码中和服务端的[QQ]平台应用配置是否有误! ”
        到底是那里没配置好?谢谢解答!
        古城少年:@lennonLin 同问,而且不知道大家有没有遇到这个问题,就是授权手 有时候回调不回来 程序就一直卡死在那里 只能强制退出
        LennonLin:感谢大神的分享,今天看到你的就说要注意勾选qq空间,可奇怪的是居然没有这个选项?
        我的天空蔚蓝色:@boboWave123 看看qq的登录能力是不是百分之百
      • 32c8389b2d1f:你好 请问当未安装qq三方分享网页qq空间时候为什么会说分享失败 但是安装qq分享空间是没问题的?谢谢解答
      • 碧霄问鼎:“clientKey:@"aiK1CTRUKjDukAyyKXHJ7ScTfnsLw5IupC8xxxxx"];”应该是复制代码,复制多了,谢谢提醒,已经删除。
      • 8ae158dda3f2:有个问题,对微信的初始化那里,我感觉是不是写错了,后面的clientKey:@"aiK1CTRUKjDukAyyKXHJ7ScTfnsLw5IupC8xxxxx"]; 前面就没有对应的中括号,而且,我也没在ShareSDK中看到这东西,望解答!
      • e40452164422:我QQ707342352,期待大神可以加我
      • e40452164422:写的太好了,可以加你个qq吗
      • 十一岁的加重:万分感谢,写得简洁明了,很实用
      • 9e38b749cb0a:@碧霄问鼎 感谢回复, :smile: 么么哒
      • 碧霄问鼎:@小明小明王小明 我当时刚好就是用公司的信息注册的 :grin: ,微信开放平台为避免被滥用一开始就是有门槛的。这个我也没有解决方案。
      • 9e38b749cb0a:@碧霄问鼎 感谢回复 发现这个问题了。。但是那个开发者认证里面没有个人开发者选项,必须要公司代码神马的,请问怎么破。
      • 碧霄问鼎:@小明小明王小明 你交那300块的开发者保护费了吗?
      • 9e38b749cb0a:你好 我在微信登录这块 显示scope错误或者没权限 是个怎么回事。?
      • Openwit:感谢分享
      • Ljson:感谢作者的分享,让我们可以避开一个坑!

      本文标题:使用ShareSDK完成第三方(QQ、微信、微博)登录和分享

      本文链接:https://www.haomeiwen.com/subject/rtgyqttx.html