iOS开发笔记16--第三方登陆

基于第三方QQ授权登录和新浪微博授权登录的iOS代码分析

2014-09-12      0 个评论    来源：Z  

收藏    我要投稿

基于iOS实现APP的第三方登陆之QQ和新浪微博授权，在开发中明显能感觉到两家SDK的差异和易用性，这里先赘述下接入第三方SDK时的一个基本的步骤：

1，确定用需中需要这样一个功能，如果QQ登录，似乎主流了，APP注册标配啊；

2，找到相关的开放平台，如QQ互联平台，http://connect.qq.com/；

3，注册成功后创建自己的APP，填写一堆基本信号后获得一个App_Key，就是你APP的唯一识别码；

3，下载对应的SDK，并且阅读其中的开发文档或demo，通常看开发文档比较直观，如果看demo，有些SDK的demo简直不忍直视；

4，嵌入SDK中对应功能，测试成功后提交第三方平台审核，等审核通过后就可以正式接入第三方SDK的功能了；

5，完成所有功能后就提交AppStore审核吧，大概一周左右即可。

呃，说了这么多，让我们来进入QQ登录和新浪微博登录授权具体操作，这种简便的登录方式大大简化了用户的注册之苦，同时也扩展了APP的社交性，更易于分享和推广，在登录后都可以获得用户的唯一ID，只有APP后台绑定这个ID，就等于用户注册了该APP一样，似乎变成了各大APP的标配登录模式，吐槽，似乎抽屉式设计慢慢的又变回TabBar式了，具体原因可参考网络资源。

一，QQ登录授权开发：

1，按照开发文档导入SDK，然后把注册成功后获取到的Key加入到Url Schemes中，例如：tencent1101737816，注意这些文档写的很清楚；

2，在AppDelegate.m中实现下面方法，注意，直接复制代码，两者写其一即可，当然了别忘了引入头文件，这是用作返回APP时候用的回调函数

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

3，注册并授权，注意授权这里会出现问题

_tencentOAuth = [[TencentOAuth alloc] initWithAppId:kQQ_KEY andDelegate:self]; //注册

 NSArray *_permissions = [NSArray arrayWithObjects:kOPEN_PERMISSION_GET_INFO, kOPEN_PERMISSION_GET_USER_INFO, kOPEN_PERMISSION_GET_SIMPLE_USER_INFO, nil];    [_tencentOAuth authorize:_permissions inSafari:NO]; //授权

注意：在官方文档中提到授权代码是： _permissions = [[NSArray arrayWithObjects:@"get_user_info", @"add_t", nil] retain]; //官方授权代码

如果你写成这样，你会发现始终登录不了，提示权限不够，非常坑爹，正确授权代码如上面的写法，切记

4，实现登录成功与否的回调函数，实现协议TencentSessionDelegate，代码如下：

- (void)tencentDidLogin{    _labelTitle.text = @"登录完成";        if (_tencentOAuth.accessToken && 0 != [_tencentOAuth.accessToken length]){        //  记录登录用户的OpenID、Token以及过期时间        _labelAccessToken.text = _tencentOAuth.accessToken;            }else{        _labelAccessToken.text = @"登录不成功 没有获取accesstoken";    }}-(void)tencentDidNotLogin:(BOOL)cancelled{    if (cancelled){        _labelTitle.text = @"用户取消登录";}else{        _labelTitle.text = @"登录失败";}}-(void)tencentDidNotNetWork{_labelTitle.text=@"无网络连接，请设置网络";}

5，如果代码能走到登录完成这里，并且获得了accesstoken，那说明我们的登录流程就走完了，剩下的旧是获取用户具体的信息了，如昵称，城市等等；

6，如何获取昵称呢，文档提供了这样一个方法

 [_tencentOAuth getUserInfo];

但是返回类型是个BOOL类似，很多朋友就郁闷了，这是什么情况，经过看代码，发现如果开发者调用了这个方法，如果成功则会实现下面协议TencentSessionDelegate里面的回调函数：

-(void)getUserInfoResponse:(APIResponse *)response{ //   NSLog(@"respons:%@",response.jsonResponse);        self.name.text = [response.jsonResponse objectForKey:@"nickname"];}

这样就能得到我们想要的昵称等信息，到这里就算完成了我们的QQ登录授权了，剩下的就是发给后台这些登录信息，并且保持授权成功后的token等，看官方文档说明。

二，新浪微博登录授权开发：

1，同样和QQ一样，配置Url Schemes，如：wb2045436852，然后根据官方文档接入SDK等信息；

2，同样在AppDelegate.m 中实现下面回调：

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation{    return [TencentOAuth HandleOpenURL:url] || [WeiboSDK handleOpenURL:url delegate:self];}- (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url{    return [TencentOAuth HandleOpenURL:url] || [WeiboSDK handleOpenURL:url delegate:self];}

3，关于新浪微博的成功登录回调是写在该类中来实现，因为这里写入了self，如果你需要到别的类中实现，可在这里做修改即可

[WeiboSDK handleOpenURL:url delegate:self];

实现的协议为：WeiboSDKDelegate，协议方法：

-(void)didReceiveWeiboResponse:(WBBaseResponse *)response{    if ([response isKindOfClass:WBAuthorizeResponse.class])    {              if ((int)response.statusCode == 0) {            NSDictionary *dic = @{@"userID":[(WBAuthorizeResponse *)response userID],                                  @"accessToken" :[(WBAuthorizeResponse *)response accessToken]};        }           }}

如果能得到这个userID，token就说明登录成功了。

4，登录代码：

- (IBAction)sinaLogin:(id)sender{    [WeiboSDK enableDebugMode:YES];    [WeiboSDK registerApp:kSINA_KEY];    WBAuthorizeRequest *request = [WBAuthorizeRequest request];    request.redirectURI = kRedirectURI;    request.scope = @"all";    request.userInfo = @{@"myKey": @"myValue"};    [WeiboSDK sendRequest:request];}

这里包含了注册，打开调试log，还包括了回调地址，用户自定义提交的info等，如果登录后能正确回调AppDelegate里面的接收函数，说明我们的新娘微博登录也就成功了，剩下的就是保存相关信息和提交给后台了，值得注意的是如果你的Bundle identifier要和申请key时候一样，不然就修改你的demo的Bundle identifier 为新浪微博官方demo的Bundle identifier，并用它的key做测试，等自己的申请成功后可替换再次调试；

评价：两个平台接入后实现功能都是非常的丰富，但是从开发者角度来说，QQ登录授权方式相比比较简单，集成测试费时间较少，但是demo代码非常难看懂，甚至官方文档有代码误导，让调试异常困难，而新浪微博登录授权demo代码异常简洁明了，非常容易理解，在这代码书写方面，新浪微博的开发者胜过QQ的开发者好几条街，但是新浪微博的登录成功回调写的比较落后，需要在AppDelegate里面获取，没有QQ回调方便，而且新浪登录授权绑定了Bundle identifier，这里就让人非常的费解，耗时测试非常不爽，两家风格各异吧，但是总体来说还算顺利，当然了如果不想单独集成两家的登录授权，可推荐百度开发平台去集成他们的登录SDK，这个SDK集成了各大主流平台，如QQ，新浪微博，人人网等。

这里是成功后的截图：

后记：这里只是为同样开发的朋友们提供一点笔者开发中遇到的问题，如需QQ和新浪微博授权登录的demo代码，可发邮件给我：[e-mail],进一步讨论。

基于第三方微信授权登录的iOS代码分

微信已经深入到每一个APP的缝隙，最常用的莫过分享和登录了，接下来就以代码的形式来展开微信登录的相关说明，至于原理级别的oauth2.0认证体系请参考微信开放平台的相关说明和图示 https://open.weixin.qq.com/

微信登录授权开发

1，到微信开发平台注册相关APP，现在是等待审核成功后才能获取到对应的key和secret；获取成功后需要单独申请开通登录和支付接口，如图

2，和QQ类似，需要填写Url Schemes，如demo中的wxd930ea5d5a258f4f ，然后引入相应framework；

3，在AppDelegate中注册和实现授权后的回调函数，代码如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

//向微信注册  

  [WXApi registerApp:kWXAPP_ID withDescription:@"weixin"];  

   

//授权后回调 WXApiDelegate  

-(void)onResp:(BaseReq *)resp  

{  

   /* 

    ErrCode ERR_OK = 0(用户同意) 

    ERR_AUTH_DENIED = -4（用户拒绝授权） 

    ERR_USER_CANCEL = -2（用户取消） 

    code    用户换取access_token的code，仅在ErrCode为0时有效 

    state   第三方程序发送时用来标识其请求的唯一性的标志，由第三方程序调用sendReq时传入，由微信终端回传，state字符串长度不能超过1K 

    lang    微信客户端当前语言 

    country 微信用户当前国家信息 

    */      

    SendAuthResp *aresp = (SendAuthResp *)resp;  

    if (aresp.errCode== 0) {  

        NSString *code = aresp.code;  

        NSDictionary *dic = @{@"code":code};  

    }  

}  

 

//和QQ,新浪并列回调句柄

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation  

{  

    return [TencentOAuth HandleOpenURL:url] ||  

    [WeiboSDK handleOpenURL:url delegate:self] ||  

    [WXApi handleOpenURL:url delegate:self];;  

}  

   

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

{  

    return [TencentOAuth HandleOpenURL:url] ||  

    [WeiboSDK handleOpenURL:url delegate:self] ||  

    [WXApi handleOpenURL:url delegate:self];;  

}

4，微信登录授权比较复杂，相比QQ，新浪多了几步，简单说就是需要三步，第一步，获取code，这个用来获取token，第二步，就是带上code获取token，第三步，根据第二步获取的token和openid来获取用户的相关信息；

下面用代码来实现：

第一步：code

1

2

3

4

5

6

7

8

9

10

11

12

- (IBAction)weixinLogin:(id)sender  

{  

    [self sendAuthRequest];  

}  

   

-(void)sendAuthRequest  

{  

    SendAuthReq* req =[[SendAuthReq alloc ] init];  

    req.scope = @"snsapi_userinfo,snsapi_base";  

    req.state = @"0744" ;  

    [WXApi sendReq:req];  

}

这里获取后会调用之前在AppDelegate里面的对应oauthResp回调，获得得到的code。

第二步：token和openid

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

-(void)getAccess_token  

{  

    //https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code  

       

    NSString *url =[NSString stringWithFormat:@"https://api.weixin.qq.com/sns/oauth2/access_token?appid=%@&secret=%@&code=%@&grant_type=authorization_code",kWXAPP_ID,kWXAPP_SECRET,self.wxCode.text];  

       

    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{  

        NSURL *zoneUrl = [NSURL URLWithString:url];  

        NSString *zoneStr = [NSString stringWithContentsOfURL:zoneUrl encoding:NSUTF8StringEncoding error:nil];  

        NSData *data = [zoneStr dataUsingEncoding:NSUTF8StringEncoding];  

        dispatch_async(dispatch_get_main_queue(), ^{  

            if (data) {  

                NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];  

              /* 

               { 

               "access_token" = "OezXcEiiBSKSxW0eoylIeJDUKD6z6dmr42JANLPjNN7Kaf3e4GZ2OncrCfiKnGWiusJMZwzQU8kXcnT1hNs_ykAFDfDEuNp6waj-bDdepEzooL_k1vb7EQzhP8plTbD0AgR8zCRi1It3eNS7yRyd5A"; 

               "expires_in" = 7200; 

               openid = oyAaTjsDx7pl4Q42O3sDzDtA7gZs; 

               "refresh_token" = "OezXcEiiBSKSxW0eoylIeJDUKD6z6dmr42JANLPjNN7Kaf3e4GZ2OncrCfiKnGWi2ZzH_XfVVxZbmha9oSFnKAhFsS0iyARkXCa7zPu4MqVRdwyb8J16V8cWw7oNIff0l-5F-4-GJwD8MopmjHXKiA"; 

               scope = "snsapi_userinfo,snsapi_base"; 

               } 

               */  

                   

                self.access_token.text = [dic objectForKey:@"access_token"];  

                self.openid.text = [dic objectForKey:@"openid"];  

                 

            }  

        });  

    });  

}

利用GCD来获取对应的token和openID.

第三步：userinfo

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

-(void)getUserInfo  

{  

   // https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID  

       

    NSString *url =[NSString stringWithFormat:@"https://api.weixin.qq.com/sns/userinfo?access_token=%@&openid=%@",self.access_token.text,self.openid.text];  

       

    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{  

        NSURL *zoneUrl = [NSURL URLWithString:url];  

        NSString *zoneStr = [NSString stringWithContentsOfURL:zoneUrl encoding:NSUTF8StringEncoding error:nil];  

        NSData *data = [zoneStr dataUsingEncoding:NSUTF8StringEncoding];  

        dispatch_async(dispatch_get_main_queue(), ^{  

            if (data) {  

                NSDictionary *dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];  

                /* 

                 { 

                 city = Haidian; 

                 country = CN; 

                 headimgurl = "http://wx.qlogo.cn/mmopen/FrdAUicrPIibcpGzxuD0kjfnvc2klwzQ62a1brlWq1sjNfWREia6W8Cf8kNCbErowsSUcGSIltXTqrhQgPEibYakpl5EokGMibMPU/0"; 

                 language = "zh_CN"; 

                 nickname = "xxx"; 

                 openid = oyAaTjsDx7pl4xxxxxxx; 

                 privilege =     ( 

                 ); 

                 province = Beijing; 

                 sex = 1; 

                 unionid = oyAaTjsxxxxxxQ42O3xxxxxxs; 

                 } 

                 */  

                   

                self.nickname.text = [dic objectForKey:@"nickname"];  

                self.wxHeadImg.image = [UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:[dic objectForKey:@"headimgurl"]]]];  

   

            }  

        });  

   

    });  

}

执行到这一步就算完成了整个授权登录的功能，能把昵称和头像显示出来，剩下的就是及时刷新你的token，详情可参考开发文档。

下面是登录成功后的QQ，新浪微博，微信的真机运行成功截图：

评价：微信的开发文档相比容易理解和调试，虽然没有demo，但是文档比较详细，所以可以在一定程度上减轻了开发的困难，但是相比之下微信的授权步骤比较麻 烦，需要三步才能彻底获取用户信息，这点没有QQ和新浪微博简洁，需要有一定的阅读和代码功底，希望能给大家带来帮助。