iOS实现第三方用户登录

转载于:http://wiki.sharesdk.cn/iOS%E5%AE%9E%E7%8E%B0%E7%AC%AC%E4%B8%89%E6%96%B9%E7%94%A8%E6%88%B7%E7%99%BB%E5%BD%95

目录

概述

实现用户第三方登录主要使用ShareSDK中授权相关功能来实现。其整个实现的流程如下所示:

  1. 使用ShareSDK中的hasAuthorizedWithType方法来判断用户是否已经登录。如果尚未登录则进入步骤2,否则进入步骤4。
  2. 使用ShareSDK中的authWithType方法来对用户进行授权。
  3. 授权成功后,调用ShareSDK中的getUserInfoWithType方法来获取用户信息,并将取到的用户信息与服务器中本地帐号信息进行关联。
  4. 登录应用主界面。
  5. 在注销登录时可以使用ShareSDK中的cancelAuthWithType方法来实现。如果需要重新登录跳转回步骤1重新执行。

下面将使用一个简单的例子,对这个过程进行阐述。在这个例子中我们不单独设计服务器端,采用国外的数据存储服务Parse来进行对帐号的存储和验证。然后客户端只集成新浪微博平台,并使用该平台实现第三方登录。

准备集成

首先前往ShareSDK官网进行用户注册。

ios doc 066.png

ios doc 067.png

ios doc 068.png

提示注册成功后进入自己的邮箱点击验证邮件进行帐户激活。然后返回Share官网下载SDK开发包

ios doc 069.png

下载后解压包中文件取出ShareSDK_v2.5.1文件夹(目前最新版本为2.5.1)。然后进行用户登录,创建ShareSDK应用。

ios doc 070.png

取得AppKey

ios doc 071.png

然后前往Parse官网进行Parse用户注册并下载SDK。

ios doc 072.png

ios doc 073.png

ios doc 074.png

下载完成后把Parse.framework放到跟ShareSDK相同的目录下面。如图:

ios doc 075.png

然后在Parse中建立新应用。

ios doc 076.png

执行上述步骤后,准备阶段已经结束。下面进入初始化阶段。

初始化项目

打开XCode新建工程项目。

ios doc 077.png

ios doc 078.png

填入项目相关信息

ios doc 084.png

ios doc 085.png

修改基础的工程项目代码。在这个示例中需要用到导航栏,由于创建的项目类型选择了“Single View Application”,不提供导航视图功能,因此需要对项目做一些小调整,把AppDelegate中的根视图控制器改为UINavigationController。

先打开AppDelegate.h文件,添加一个UINavigationController的属性,代码如下:

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;

@property (strong, nonatomic) UINavigationController *viewController;

@end

再打开AppDelegate.m文件,修改didFinishLaunchingWithOptions方法中的代码,如下所示:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
    
    ViewController *vc = nil;
    if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {
        vc = [[[ViewController alloc] initWithNibName:@"ViewController_iPhone" bundle:nil] autorelease];
    } else {
        vc = [[[ViewController alloc] initWithNibName:@"ViewController_iPad" bundle:nil] autorelease];
    }
    
    self.viewController = [[[UINavigationController alloc] initWithRootViewController:vc] autorelease];

    self.window.rootViewController = self.viewController;
    [self.window makeKeyAndVisible];
    return YES;
}

运行一下,可以看到需要的导航栏出来了

ios doc 081.png

导入ShareSDK和Parse框架。将下载的两个框架文件拖入到工程项目中。

ios doc 082.png

ios doc 083.png

选中工程项目进入“Build Phases”在“Link Binary With Libraries”中点击“+”号,按照ShareSDK的集成文档与Parse的文档说明把需要引入的库加入到项目中。

ios doc 086.png

打开*AppDelegate.m(*代表你的工程名字)
 导入ShareSDK和Parse的头文件,如下所示:

#import <ShareSDK/ShareSDK.h>
#import <Parse/Parse.h>

在- (BOOL)application: didFinishLaunchingWithOptions:方法中添加如下语句对ShareSDK和Parse进行初始化。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    [ShareSDK registerApp:@"783b9ac2495"];
    [ShareSDK connectSinaWeiboWithAppKey:@"568898243"
                               appSecret:@"38a4f8204cc784f81f9f0daaf31e02e3"
                             redirectUri:@"http://www.sharesdk.cn"];
    
    [Parse setApplicationId:@"pSr2dNiZUqcgxrINsyrgJa3vwLcKyATkubNfZ0iX"
                  clientKey:@"aiK1CTRUKjDukAyyKXHJ7ScTfnsLw5IupC8bg1vu"];

    ……
    return YES;
}

再添加handleOpenURL的处理方法,如下所示:

- (BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url
{
    return [ShareSDK handleOpenURL:url wxDelegate:nil];
}

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

其中传入ShareSDK的参数则是之前创建应用的AppKey,而Parse的ApplicationId和clientKey可在应用信息面板中获取。

ios doc 087.png

功能实现

首先对登录界面进行设计,为了尽量简单,只带有一张背景图片和一个登录按钮。其代码如下:

- (void)viewDidLoad
{
    [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
    
    self.navigationController.navigationBarHidden = YES;
    
    //添加背景
    UIImageView *bgImgView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"backgroundLogin.png"]] autorelease];
    [self.view addSubview:bgImgView];
    
    //添加登录按钮
    UIButton *loginBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [loginBtn setBackgroundImage:[UIImage imageNamed:@"LoginButton.png"] forState:UIControlStateNormal];
    loginBtn.frame = CGRectMake((self.view.frame.size.width - 173.0) / 2(self.view.frame.size.height - 32.0) / 2173.032.0);
    loginBtn.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleLeftMargin;
    [loginBtn addTarget:self action:@selector(loginBtnClickHandler:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:loginBtn];
}

运行效果如下:

ios doc 088.png

然后为登录按钮写入点击事件,该事件主要是通过获取用户信息来实现用户授权登录,并将数据写入到Parse中。代码如下:

- (void)loginBtnClickHandler:(id)sender
{
    [ShareSDK getUserInfoWithType:ShareTypeSinaWeibo
                      authOptions:nil
                           result:^(BOOL result, id<ISSUserInfo> userInfo, id<ICMErrorInfo> error) {
                               
                               if (result)
                               {
                                   PFQuery *query = [PFQuery queryWithClassName:@"UserInfo"];
                                   [query whereKey:@"uid" equalTo:[userInfo uid]];
                                   [query findObjectsInBackgroundWithBlock:^(NSArray *objects, NSError *error) {
                                       
                                       if ([objects count] == 0)
                                       {
                                           PFObject *newUser = [PFObject objectWithClassName:@"UserInfo"];
                                           [newUser setObject:[userInfo uid] forKey:@"uid"];
                                           [newUser setObject:[userInfo nickname] forKey:@"name"];
                                           [newUser setObject:[userInfo icon] forKey:@"icon"];
                                           [newUser saveInBackground];
                                           
                                           UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Hello" message:@"欢迎注册" delegate:nilcancelButtonTitle:@"知道了" otherButtonTitles: nil];
                                           [alertView show];
                                           [alertView release];
                                       }
                                       else
                                       {
                                           UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Hello" message:@"欢迎回来" delegate:nilcancelButtonTitle:@"知道了" otherButtonTitles: nil];
                                           [alertView show];
                                           [alertView release];
                                       }
                                   }];
                                   
                                   MainViewController *mainVC = [[[MainViewController alloc] init] autorelease];
                                   [self.navigationController pushViewController:mainVC animated:YES];
                                   
                               }
        
    }];
}

需要注意的是这里没有调用authWithType这个方法,而是直接调用了getUserInfoWithType,由于getUserInfoWithType方法中已经包含了是否授权的检测,在没有授权时会自动弹出授权界面,因此可以直接使用此方法就能够一步到位取到用户信息了。

返回用户信息后调用Parse框架的findObjectsInBackgroundWithBlock方法来判断用户是否已经注册,如果没有则通过填充PFObject对象数据来写入用户信息,登录Parse 查看数据已经成功写入,如图:

ios doc 089.png

最后push进入一个主视图界面来代表授权成功。

然后,在主视图界面初始化时添加一个注销登录按钮,代码如下:

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self)
    {
        // Custom initialization
        self.navigationItem.rightBarButtonItem = [[[UIBarButtonItem alloc] initWithTitle:@"注销"
                                                                                   style:UIBarButtonItemStyleBordered
                                                                                  target:self
                                                                                  action:@selector(logoutButtonClickHandler:)]
                                                  autorelease];
        
    }
    return self;
}

为注销按钮加入点击事件,此事件主要是对用户授权进行注销,然后返回登录界面。如下代码所示:

- (void)logoutButtonClickHandler:(id)sender
{
    [ShareSDK cancelAuthWithType:ShareTypeSinaWeibo];
    
    [self.navigationController popViewControllerAnimated:NO];
}

整个登录和注销流程基本实现了。

点击下载代码

posted @ 2014-05-05 09:38  haotianling  阅读(238)  评论(0编辑  收藏  举报