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代码，可发邮件给我：mmw05@163.com,进一步讨论。

基于第三方微信授权登录的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和新浪微博简洁，需要有一定的阅读和代码功底，希望能给大家带来帮助。