iOS - ShareSDK第三方分享(图文和视频)和登录

 

由于近期工作需要自己抽时间搞了一下第三方分享,这里使用的是shareSDK的第三方,在使用的过程中有一些心得和体会,特在此和大家分享一下~

 

1.在经过将近一周时间的开发,终于搞定ios分享了。

2.由于原来使用的是友盟的分享,因此我从对比的使用角度来分析。

a.安全角度,与sharesdk相比,友盟的分享我听说有盗取用户资料的行为,仅仅是听说,但是为了将来用户的安全,我选择shareSDK。

b.技术支持角度,我问过友盟的客服与shareSDK的客服,我自己感觉,shareSDK的客服更加有耐心,有qq客服能及时给你解决问题,论坛也能及时回复,解释的更加详细,这里给shareSDK客服点个赞!(话说他们公司游族大厦里我们公司还很近!)

c.文档说明的角度,虽然友盟的分享自我介绍说一行代码就可以实现分享功能,但是从一个开发人员的角度出发,这远远达不到开发的使用标准,因此还需要做SSO与web(或者html)分享,但是友盟 的分享文档写的很乱,也没客服回复,当时我用了将近一个星期的时间才搞明白部分文档说明,主要就是说明不清楚,还有demo例子中的代码比较混乱,从一个刚刚接触分享的开发人员来说,sharesdk更加通俗易懂,而且sharesdk的demo有好几个版本的示例,你可以将复杂的文档略过,直接看每一个demo 的示例,简单,迅速,易懂,开发更加便捷。

 

我是用Cocoapods集成的使用非常方便,主要我需要分享视频,目前来看友盟不支持本地视频分享,只能分享url。ShareSDK可以分享本地视频还能分享到Facebook/Instagram/Youtube(这个正好满足我的要求)。

Youtube:https://developers.google.com/youtube/v3/getting-started  注册的链接    这个是他们的开发者平台的注册的链接

https://console.cloud.google.com这里可以注册项目信息(名称和修改ID)

 

一、获取App Key

首先,您需要登录shareSDK 的官方网站登录或者注册一个账户,注册成功后可以选择进入服务器的后台

废话不多说,直接上图!

这里演示的是我已经创建好的实例APP,如果第一次创建直接添加即可.


 

 

点击左侧列表最下边的应用信息,可以显示你需要添加分享的APP(注意这里的项目一定是要在AppStore上线的),其中App Key 和 App Secret是在创建应用时SharrSDK自动生成的,接下来的应用名称,简介,和应用分类按自己的需求填写就行,这里不多做介绍了.

下面介绍一下第二栏,IOS相关信息,这里很重要,其中1,2,5是必填的,2,4填一个就行,3为选填(Optional),第一点Bundle ID 不用多说了吧,直接从你的项目里获取就行(需要注意的是一定要填你上线APP的切忌不要填测试版的),第二点iPhone Store ID(即开发者中心的 APP ID) 可以从苹果开发中心获取,苹果开发平台会为每个成功上线项目生成一个独有的APP ID,第三点选填,这里不做介绍,第四点如果你的项目有Pad版本的,这里就需要填写了,获取方法和第二点类似.

图标,没什么说的,上传你应用图片即可,这里对图标尺寸的大小ShareSDK 并没有明确的规定,但个人觉得清晰就好,哈哈~

二、下载SDK

SDK分为简洁版和标准版,这里讲解的是简洁版,标准版的话,个人感觉和简洁版没什么区别哈哈

下载ShareSDK 包下载后解压压缩包如图所示:


 

文件夹libraries就是分享所需要的SDK了(使用时直接将这个文件夹拖入工程),其目录下又有相关SDK和文件夹extends,这里对其做一下简单介绍其中extends文件夹下是你想要使用分享的社交软件相应SDK(比如:微博,QQ,微信等)剩下得SDK是shareSDK公司集成的相关SDK,功能介绍如下:

1.extends:第三方平台SDK。(不需要的平台的SDK可直接移除)
2.MOBFoundation.framework:基础功能框架。(必要)
3.ShareSDK.bundle:ShareSDK资源文件。(必要)
4.ShareSDK.framework:核心静态库。(必要)
5.ShareSDKConnector.framework:用于ShareSDK框架与外部框架连接 的代理框架插件。使用第三方SDK时必要。
6.ShareSDKExtension.framework:对ShareSDK功能的扩展框架插件。目前主要提供第三方平台登录、一键分享、截屏分享、摇一摇分享等相关功能。需要使用以上功能时必要。
7.ShareSDKInterfaceAdapter.framework:ShareSDK v2.x对简洁版的接口兼容包。(建议直接使用简洁版接口,尽量不使用这个兼容包)
8.ShareSDKUI.bundle:分享菜单栏和分享编辑页面资源包。(如果自定义这些UI可直接移除)
9.ShareSDKUI.framework:分享菜单栏和分享编辑页面。(如果自定义这些UI可直接移除)

 

 

三、快速集成

第一步:将libraries 文件拖入你的工程目录:


注意:请务必在上述步骤中选择“Create groups for any added folders”单选按钮组。如果你选择“Create folder references for any added folders”,一个蓝色的文件夹引用将被添加到项目并且将无法找到它的资源。

第二步:添加依赖库 添加步骤见下图:


 
必须添加的依赖库如下(Xcode 7 下 .dylib库后缀名更改为.tbd):
1.libicucore.dylib

2.libz.dylib

3.libstdc++.dylib

4.JavaScriptCore.framework

 

 

 

以下依赖库根据社交平台添加:

新浪微博SDK依赖库

1.ImageIO.framework

2.AdSupport.framework

3.libsqlite3.dylib

 

 

 

QQ好友和QQ空间SDK依赖库

1.libsqlite3.dylib

2.微信SDK依赖库

3.libsqlite3.dylib

 

 

 

短信和邮件需要依赖库

1.MessageUI.framework

 

 

Google+SDK依赖库

1.CoreMotion.framework

2.CoreLocation.framework

3.MediaPlayer.framework

4.AssetsLibrary.framework

5.AddressBook.framework

 

 

 

第三步:设置ShareSDK的Appkey并初始化对应的第三方社交平台 打开AppDelegate.m(代表你的工程名字)导入头文件

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

//腾讯开放平台(对应QQ和QQ空间)SDK头文件
#import <TencentOpenAPI/TencentOAuth.h>
#import <TencentOpenAPI/QQApiInterface.h>

//微信SDK头文件
 #import "WXApi.h"

//新浪微博SDK头文件
 #import "WeiboSDK.h"
//新浪微博SDK需要在项目Build Settings中的Other Linker Flags添加"-ObjC"

//人人SDK头文件
#import <RennSDK/RennSDK.h>

//GooglePlus SDK头文件
#import <GooglePlus/GooglePlus.h>
//GooglePlus SDK需要在项目Build Settings中的Other Linker Flags添加"-ObjC"
在- (BOOL)application: didFinishLaunchingWithOptions:方法中调用registerApp方法来初始化SDK并且初始化第三方平台

 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions: (NSDictionary *)launchOptions
    {
/**
 *  设置ShareSDK的appKey,如果尚未在ShareSDK官网注册过App,请移步到http://mob.com/login 登录后台进行应用注册,
 *  在将生成的AppKey传入到此方法中。
 *  方法中的第二个第三个参数为需要连接社交平台SDK时触发,
 *  在此事件中写入连接代码。第四个参数则为配置本地社交平台时触发,根据返回的平台类型来配置平台信息。
 *  如果您使用的时服务端托管平台信息时,第二、四项参数可以传入nil,第三项参数则根据服务端托管平台来决定要连接的社交SDK。
 */
  [ShareSDK registerApp:@"iosv1101"`

       activePlatforms:@[
                        @(SSDKPlatformTypeSinaWeibo),
                        @(SSDKPlatformTypeMail),
                        @(SSDKPlatformTypeSMS),
                        @(SSDKPlatformTypeCopy),
                        @(SSDKPlatformTypeWechat),
                        @(SSDKPlatformTypeQQ),
                        @(SSDKPlatformTypeRenren),
                        @(SSDKPlatformTypeGooglePlus)]
       onImport:^(SSDKPlatformType platformType)    
       {
           switch (platformType)
           {
              case SSDKPlatformTypeWechat:
                   [ShareSDKConnector connectWeChat:[WXApi class]];
                break;
              case SSDKPlatformTypeQQ:
                   [ShareSDKConnector connectQQ:[QQApiInterface class] tencentOAuthClass:[TencentOAuth class]];
                break;
              case SSDKPlatformTypeSinaWeibo:
                      [ShareSDKConnector connectWeibo:[WeiboSDK class]];
                break;
              case SSDKPlatformTypeRenren:
                      [ShareSDKConnector connectRenren:[RennClient class]];
                break;
              case SSDKPlatformTypeGooglePlus:
                      [ShareSDKConnector connectGooglePlus:[GPPSignIn class]
                                                   shareClass:[GPPShare class]];
                break;
              default:
                break;
            }
      }
      onConfiguration:^(SSDKPlatformType platformType, NSMutableDictionary *appInfo) 
      {

          switch (platformType)
          {
              case SSDKPlatformTypeSinaWeibo:
                  //设置新浪微博应用信息,其中authType设置为使用SSO+Web形式授权
                  [appInfo SSDKSetupSinaWeiboByAppKey:@"568898243"
                                            appSecret:@"38a4f8204cc784f81f9f0daaf31e02e3"
                                          redirectUri:@"http://www.sharesdk.cn"
                                             authType:SSDKAuthTypeBoth];
               break;
              case SSDKPlatformTypeWechat:
                  [appInfo SSDKSetupWeChatByAppId:@"wx4868b35061f87885"
                                        appSecret:@"64020361b8ec4c99936c0e3999a9f249"];
               break;
              case SSDKPlatformTypeQQ:
                  [appInfo SSDKSetupQQByAppId:@"100371282"
                                       appKey:@"aed9b0303e3ed1e27bae87c33761161d"
                                     authType:SSDKAuthTypeBoth];
               break;
              case SSDKPlatformTypeRenren:
                  [appInfo        SSDKSetupRenRenByAppId:@"226427"
                                           appKey:@"fc5b8aed373c4c27a05b712acba0f8c3"
                                        secretKey:@"f29df781abdd4f49beca5a2194676ca4"
                                         authType:SSDKAuthTypeBoth];
                break;
               case SSDKPlatformTypeGooglePlus:
                  [appInfo SSDKSetupGooglePlusByClientID:@"232554794995.apps.googleusercontent.com"
                                            clientSecret:@"PEdFgtrMw97aCvf0joQj7EMk"
                                             redirectUri:@"http://localhost"
                                                authType:SSDKAuthTypeBoth];
                break;
               default:
                break;
          }
      }];
 return YES;
}

 

(注意:每一个case对应一个break不要忘记填写,不然很可能有不必要的错误,新浪微博的外部库如果不要客户端分享或者不需要加关注微博的功能可以不添加,否则要添加,QQ,微信,google+这些外部库文件必须要加)

 

第四步:添加实现代码 打开需要集成分享功能的视图源码,把如下代码复制并粘贴到你要分享的位置,例如到响应分享按钮的方法中。并且修改相应的参数即可。

1.需要在分享的试图中导入的头文件

#import <ShareSDK/ShareSDK.h>
#import <ShareSDKUI/ShareSDK+SSUI.h>

 

2.调用构造分享参数接口和分享的接口

 //1、创建分享参数
NSArray* imageArray = @[[UIImage imageNamed:@"shareImg.png"]];
(注意:图片必须要在Xcode左边目录里面,名称必须要传正确,如果要分享网络图片,可以这样传iamge参数 images:@[@"http://mob.com/Assets/images/logo.png?v=20150320"])
if (imageArray) {

    NSMutableDictionary *shareParams = [NSMutableDictionary dictionary];
    [shareParams SSDKSetupShareParamsByText:@"分享内容"
                                     images:imageArray
                                        url:[NSURL URLWithString:@"http://mob.com"]
                                      title:@"分享标题"
                                       type:SSDKContentTypeAuto];
 //2、分享(可以弹出我们的分享菜单和编辑界面)
    [ShareSDK showShareActionSheet:nil //要显示菜单的视图, iPad版中此参数作为弹出菜单的参照视图,只有传这个才可以弹出我们的分享菜单,可以传分享的按钮对象或者自己创建小的view 对象,iPhone可以传nil不会影响
                             items:nil
                       shareParams:shareParams
               onShareStateChanged:^(SSDKResponseState state, SSDKPlatformType platformType, NSDictionary *userData, SSDKContentEntity *contentEntity, NSError *error, BOOL end) {

                   switch (state) {
                       case SSDKResponseStateSuccess:
                       {
                           UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"分享成功"
                                                                               message:nil
                                                                              delegate:nil
                                                                     cancelButtonTitle:@"确定"
                                                                     otherButtonTitles:nil];
                           [alertView show];
                           break;
                       }
                       case SSDKResponseStateFail:
                       {
                           UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"分享失败"
                                                                               message:[NSString stringWithFormat:@"%@",error]
                                                                              delegate:nil
                                                                     cancelButtonTitle:@"OK"
                                                                     otherButtonTitles:nil, nil];
                            [alert show];
                            break;
                        }
                        default:
                           break;
                        }
                }  
    ];}

 

编译并运行后,点击分享按钮就成功发送到社交平台的话说明你已经基本集成成功了。但是,为了使您的用户有更好的分享体验,以及您的应用有更多的分享量,更好地在社交平台上传播,我们建议您参考“进阶功能”的指引进行SSO(免登录)和更多社交平台的设置。

下面是SSO设置

可选:支持微信所需的相关配置及代码 在微信开放平台(http://open.weixin.qq.com/ )注册应用并取得应用的AppID,然后打开下图位置,在URL Types中添加微信AppID 


 


打开AppDelegate.m(代表你的工程名字)文件,导入微信SDK的头文件并增加微信的外部库接口

#import <ShareSDKConnector/ShareSDKConnector.h>
//微信SDK头文件
#import "WXApi.h"
//初始化的import参数注意要链接原生微信SDK。
case SSDKPlatformTypeWechat:
 [ShareSDKConnector connectWeChat:[WXApi class]];
break;

 

可选:支持QQ所需的相关配置及代码 登录QQ互联(http://connect.qq.com/ )注册成为开发者并登记应用取得AppId,然后打开下图位置,在URL Types中添加QQ的AppID,其格式为:”QQ” + AppId的16进制(如果appId转换的16进制数不够8位则在前面补0,如转换的是:5FB8B52,则最终填入为:QQ05FB8B52 注意:转换后的字母要大写) 转换16进制的方法:echo ‘ibase=10;obase=16;801312852′|bc,其中801312852为QQ的AppID,见下图 


 


QQ的有些小蛋疼,因为要转十六进制码,如果觉得上面的命令行转码比较麻烦的话,还可以使用网上的在线转码,这里给出开源中国的在线转码,呵呵,秒转!
转码完成后,需要在十六进制码的前面加上QQ的前缀,以及将十六进制码的字母大写,一定要大写,切记切记!


 


然后打开工程中的AppDelegate.m(代表你的工程名字)文件,导入QQSDK的头文件并增加QQ的外部库文件接口:

#import <ShareSDK/ShareSDK.h>
#import <ShareSDKConnector/ShareSDKConnector.h>
//腾讯开放平台(对应QQ和QQ空间)SDK头文件
#import <TencentOpenAPI/TencentOAuth.h>
#import <TencentOpenAPI/QQApiInterface.h>
//初始化的import参数注意要链接原生QQSDK。
 case SSDKPlatformTypeQQ:
  [ShareSDKConnector connectQQ:[QQApiInterface class] tencentOAuthClass:[TencentOAuth class]];
 break;

 

可选:配置新浪微博、Facebook的SSO 登录新浪微博和facebook的开放平台,获取AppID 。新浪微博的url scheme的设置格式为wb+AppID,facebook的设置格式为fb+AppID。具体参考下图:


 


附:目前的新浪微博SDK需要在项目的Build Settings中的Other Linker Flags添加”-ObjC”,如果不配置有可能会崩溃。步骤如下:


 


当新浪微博需要客户端分享或者增加关注微博的功能,需要打开工程中的AppDelegate.m(代表你的工程名字)文件,导入新浪微博SDK的头文件并增加新浪微博的外部库文件接口:

#import <ShareSDK/ShareSDK.h>
#import <ShareSDKConnector/ShareSDKConnector.h>
//新浪微博SDK头文件
#import "WeiboSDK.h"
//初始化的import参数注意要链接原生新浪微博SDK。
 case SSDKPlatformTypeSinaWeibo:
  [ShareSDKConnector connectWeibo:[WeiboSDK class]];
 break;

 


详情可参考:
shareSDK官方文档

四、iOS9如何适配

1、大部分社交平台接口不支持https协议

作为开发者大家想必都知道苹果在iOS9发布后,将http协议升级为https安全协议。因此在iOS9下,系统默认会拦截对http协议接口的访问,因此无法获取http协议接口的数据。而对ShareSDK来说,具体表现可能是,无法授权、分享、获取用户信息等。

 

那么该如何解决呢?这里提供一个简单暴力的方法——暂时退回到http协议
具体方法:

在项目的info.plist中添加一个Key:NSAppTransportSecurity,类型为字典类型。

然后给它添加一个Key:NSAllowsArbitraryLoads,类型为Boolean类型,值为YES;


 

2、大部分社交平台SDK不支持bitcode

iOS 9新建项目默认需要支持bitcode,而不支持bitcode的SDK会导致无法编译运行。

 

 

解决方案:

(1)、暂时关闭对bitcode的支持(建议),方法如下图

(2)、移除不支持bitcode的平台SDK。


在iOS 9下涉及到平台客户端跳转,系统会自动到项目info.plist下检测是否设置平台Scheme。对于需要配置的平台,如果没有配置,就无法正常跳转平台客户端。因此要支持客户端的分享和授权等,需要配置Scheme名单。

 

 

具体方法:

1)、在项目的info.plist中添加一LSApplicationQueriesSchemes,类型为Array。

2)、然后给它添加一个需要支持的项目,类型为字符串类型;


 

各平台详细URL请看:详细URL

必看注意

1.在iOS9中,如果没有添加上述白名单,系统会打印类似如下提示:
.-canOpenURL: failed for URL: “sinaweibohdsso://xxx” – error: “This app is not allowed to query for scheme sinaweibohdsso”(如下图)
如没有添加相关白名单,有可能导致分享失败,例如不会跳转微信,不会跳转QQ等。
2.添加完上述所需的名单,系统依然会打印类似信息:
.-canOpenURL: failed for URL: “sinaweibohdsso://xxx” – error: “null”
这是系统打印的信息,目前是无法阻止其打印,即无法消除的
3.上述白名单,是技术人员通过不断的测试收集整理所得,如果各位开发者朋友发现上表格有所遗漏,请根据系统信息添加相关白名单即可。

 

 

五、其他问题

1、自定义分享图标

如果你嫌弃shareSDK自带的图标想换成自己的美美哒图标的话,你需要替换shareSDK的集成包,目录如下


 


这里图标名称是固定的: sns_icon_xx@2x.png
如果你想修改图标,把你的定制的图标讲此文件下对应的图标替换即可,注意要先删除shareSDK自带的再倒入,不然导不进去
替换完成效果:


 

2、修改分享平台名称


 


shareSDK 自带的分享平台名称默认是英文的,如果想汉化的话,执行操作如下:


 


如果汉化的名称还不满意,比如:QQ改成QQ好友分享,那你需要修改shareSDK的汉化包


 

3、去掉朋友圈收藏、QQ空间

如果你的项目需求并没有要求QQ空间分享,和微信朋友圈收藏,但shareSDK 自带的有,想去掉怎么办?
QQ和微信默认的SDK都导入的是主平台,而主平台自带QQ空间(朋友圈收藏),要想去掉的话我们只能将主平台替换为响应的子平台:

 [ShareSDK registerApp:@"XXXXXXX"
        activePlatforms:@[
                        // 不要使用微信总平台进行初始化
                        //@(SSDKPlatformTypeWechat),
                        // 使用微信子平台进行初始化,即可
                        @(SSDKPlatformSubTypeWechatSession),
                        @(SSDKPlatformSubTypeWechatTimeline),
                        //不要使用QQ总平台进行初始化
                        //@(SSDKPlatformTypeQQ),
                        //使用QQ子平台进行初始化
                        @(SSDKPlatformSubTypeQQFriend)]
                        ]
        onImport:^(SSDKPlatformType platformType) {

                 switch (platformType)
                 {
                     case SSDKPlatformTypeWechat:
                         [ShareSDKConnector connectWeChat:[WXApi class]];
                         break;
                    default:
                         break;
                 }

             }
        onConfiguration:^(SSDKPlatformType platformType, NSMutableDictionary *appInfo) {

          switch (platformType)
          {
               case SSDKPlatformTypeWechat:
                  [appInfo SSDKSetupWeChatByAppId:@"wx4868b35061f87885"
                                        appSecret:@"64020361b8ec4c99936c0e3999a9f249"];
                  break;
                case SSDKPlatformTypeQQ:
                  [appInfo SSDKSetupQQByAppId:@"100371282"
                                       appKey:@"aed9b0303e3ed1e27bae87c33761161d"
                                     authType:SSDKAuthTypeBoth];
                  break;
               default:
                  break;
          }
      }];

 

4、跳过分享的编辑界面

设置弹出分享菜单,直接点击菜单中的平台分享(跳过分享的编辑界面)。

//先构造分享参数:
 NSMutableDictionary *shareParams = [NSMutableDictionary dictionary];
 [shareParams SSDKSetupShareParamsByText:@"分享内容"
                                     images:@[[UIImage imageNamed:@"shareImg.png"]]
                                        url:[NSURL URLWithString:@"http://mob.com"]
                                      title:@"分享标题"
                                       type:SSDKContentTypeAuto];
  //调用分享的方法
  SSUIShareActionSheetController *sheet = [ShareSDK showShareActionSheet:view
                           items:nil
                     shareParams:shareParams
                  onShareStateChanged:^(SSDKResponseState state, SSDKPlatformType platformType, NSDictionary *userData, SSDKContentEntity *contentEntity, NSError *error, BOOL end) {
                         switch (state) {
                                       case SSDKResponseStateSuccess:
                                                NSLog(@"分享成功!");
                                                break;
                                       case SSDKResponseStateFail:
                                                NSLog(@"分享失败%@",error);
                                                break;
                                       case SSDKResponseStateCancel:
                                                 NSLog(@"分享已取消");
                                                 break;
                                       default:
                                                  break;
                                     }
                               }];
//删除和添加平台示例
 [sheet.directSharePlatforms removeObject:@(SSDKPlatformTypeWechat)];(默认微信,QQ,QQ空间都是直接跳客户端分享,加了这个方法之后,可以跳分享编辑界面分享)
 [sheet.directSharePlatforms addObject:@(SSDKPlatformTypeSinaWeibo)];(加了这个方法之后可以不跳分享编辑界面,直接点击分享菜单里的选项,直接分享)

 

5、自定义分享菜单栏样式

如何自定义分享菜单呢?你可以这样:

// 弹出分享菜单需要导入的头文件
#import <ShareSDKUI/ShareSDK+SSUI.h>
// 自定义分享菜单栏需要导入的头文件
#import <ShareSDKUI/SSUIShareActionSheetStyle.h>

//1、创建分享参数(必要)
NSMutableDictionary *shareParams = [NSMutableDictionary dictionary];
NSArray* imageArray = @[[UIImage imageNamed:@"图片名.png"]];
 (注意:图片必须要在Xcode左边目录里面,名称必须要传正确,如果要分享网络图片,可以这样传iamge参数 images:@[@"http://mob.com/Assets/images/logo.png?v=20150320"])
[shareParams SSDKSetupShareParamsByText:@"分享内容"
                                 images:imageArray
                                    url:[NSURL URLWithString:@"http://mob.com"]
                                  title:@"分享标题"
                                   type:SSDKContentTypeAuto];

// 设置分享菜单栏样式(非必要)
// 设置分享菜单的背景颜色
[SSUIShareActionSheetStyle setActionSheetBackgroundColor:[UIColor colorWithRed:249/255.0 green:0/255.0 blue:12/255.0 alpha:0.5]];
// 设置分享菜单颜色
[SSUIShareActionSheetStyle setActionSheetColor:[UIColor colorWithRed:21.0/255.0 green:21.0/255.0 blue:21.0/255.0 alpha:1.0]];
// 设置分享菜单-取消按钮背景颜色
[SSUIShareActionSheetStyle setCancelButtonBackgroundColor:[UIColor colorWithRed:21.0/255.0 green:21.0/255.0 blue:21.0/255.0 alpha:1.0]];
// 设置分享菜单-取消按钮的文本颜色
[SSUIShareActionSheetStyle setCancelButtonLabelColor:[UIColor blackColor]];
// 设置分享菜单-社交平台文本颜色
[SSUIShareActionSheetStyle setItemNameColor:[UIColor whiteColor]];
// 设置分享菜单-社交平台文本字体
[SSUIShareActionSheetStyle setItemNameFont:[UIFont systemFontOfSize:10]];
//设置分享编辑界面的导航栏颜色
[SSUIEditorViewStyle setiPhoneNavigationBarBackgroundColor:[UIColor blackColor]];
//设置编辑界面标题颜色
[SSUIEditorViewStyle setTitleColor:[UIColor redColor]];
//设置取消发布标签文本颜色
[SSUIEditorViewStyle setCancelButtonLabelColor:[UIColor blueColor]];
[SSUIEditorViewStyle setShareButtonLabelColor:[UIColor blueColor]];
//设置分享编辑界面状态栏风格
[SSUIEditorViewStyle setStatusBarStyle:UIStatusBarStyleLightContent];
//设置简单分享菜单样式
[SSUIShareActionSheetStyle setShareActionSheetStyle:ShareActionSheetStyleSimple];

//2、弹出ShareSDK分享菜单
[ShareSDK showShareActionSheet:view
                         items:nil
                   shareParams:shareParams
           onShareStateChanged:^(SSDKResponseState state, SSDKPlatformType platformType, NSDictionary *userData, SSDKContentEntity *contentEntity, NSError *error, BOOL end) { ...... }

 

不过,在iOS端的自定义分享菜单上shareSDK 给出开发者的自定义只是简单的修改一下背景颜色、修改文本颜色等,并无法大面积修改UI,如果非要修改的话,开发者只能重新定制UI,包括图标排版,每个分享平台的响应等等,而相比iOS端,安卓端可以直接继承其官方方法修改UI...有点小坑啊,希望以后多做改进!

假如你想自定义UI的话,你需要用自己的方法写界面,写好了之后可以调用ShareSDKd的无UI的分享方法

//创建分享参数
NSMutableDictionary *shareParams = [NSMutableDictionary dictionary];
[shareParams SSDKSetupShareParamsByText:@"分享内容"
                                     images:images //传入要分享的图片
                                        url:[NSURL URLWithString:@"http://mob.com"]
                                      title:@"分享标题"
                                       type:SSDKContentTypeAuto];
 //进行分享
 [ShareSDK share:SSDKPlatformTypeSinaWeibo //传入分享的平台类型
     parameters:shareParams
onStateChanged:^(SSDKResponseState state, NSDictionary *userData, SSDKContentEntity *contentEntity, NSError *error) { // 回调处理....}];
}

 


另外,现在ShareSDK 开源了他们的自定义UI,地址点
这里

 

 

 

 

使用ShareSDK授权相关功能实现用户第三方登录。流程如下所示:

1.使用ShareSDK中的hasAuthorizedWithType方法来判断用户是否已经登录。如果尚未登录则进入步骤2,否则进入步骤4。

2.使用ShareSDK中的authWithType方法来对用户进行授权。

3.授权成功后,调用ShareSDK中的getUserInfoWithType方法来获取用户信息,并将取到的用户信息与服务器中本地帐号信息进行关联。

4.登录应用主界面。

5.在注销登录时可以使用ShareSDK中的cancelAuthWithType方法来实现。如果需要重新登录跳转回步骤1重新执行。

 


一、准备集成
首先前往ShareSDK官网进行用户注册。


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

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

取得AppKey

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

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

然后在Parse中建立新应用。

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

二、初始化项目
打开XCode新建工程项目。


填入项目相关信息

 
修改基础的工程项目代码。在这个示例中需要用到导航栏,由于创建的项目类型选择了“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]];
  ViewController *vc = nil;
  if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {
    vc = [[ViewController alloc] initWithNibName:@”ViewController_iPhone” bundle:nil];
  } else {
    vc = [[ViewController alloc] initWithNibName:@”ViewController_iPad” bundle:nil];
  }
  self.viewController = [[UINavigationController alloc] initWithRootViewController:vc];
  self.window.rootViewController = self.viewController;
  [self.window makeKeyAndVisible];
  return YES;
}

 

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


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

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

 
打开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可在应用信息面板中获取。


 

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

- (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"]];
[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) / 2, 173.0, 32.0);
  loginBtn.autoresizingMask = UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleLeftMargin;
  [loginBtn addTarget:self action:@selector(loginBtnClickHandler:) forControlEvents:UIControlEventTouchUpInside];
  [self.view addSubview:loginBtn];
}

 

运行效果如下:


 
然后为登录按钮写入点击事件,该事件主要是通过获取用户信息来实现用户授权登录,并将数据写入到Parse中。代码如下:
- (void)loginBtnClickHandler:(id)sender
{
  [ShareSDK getUserInfoWithType:ShareTypeSinaWeibo
  authOptions:nil
  result:^(BOOL result, id<ISSPlatformUser> 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 profileImage] forKey:@”icon”];
          [newUser saveInBackground];
          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];
        }
      }];
      MainViewController *mainVC = [[MainViewController alloc] init];
      [self.navigationController pushViewController:mainVC animated:YES];
    }
  }];
}

 

需要注意的是这里没有调用authWithType这个方法,而是直接调用了getUserInfoWithType,由于getUserInfoWithType方法中已经包含了是否授权的检测,在没有授权时会自动弹出授权界面,因此可以直接使用此方法就能够一步到位取到用户信息了。
返回用户信息后调用Parse框架的findObjectsInBackgroundWithBlock方法来判断用户是否已经注册,如果没有则通过填充PFObject对象数据来写入用户信息,登录Parse 查看数据已经成功写入,如图:


 
最后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:)];
  }
  return self;
}

 

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

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

 

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

 

 

社交平台申请APPkey 的网址及申请流程汇总

平台
开放平台地址
APPkey 申请流程
新浪微博
腾讯微博
QQ空间[2]
微信[3]
Facebook
facebook审核流程:iOS  Android
Twitter
google+ https://console.developers.google.com/
豆瓣
有道云笔记
印象笔记
Linkedin
Flickr
Pinterest
Tumblr
Dropbox
Instagram
VKontakte
易信好友[4]
明道
人人网
开心网
搜狐随身看 https://open.sohu.com/
Line https://developers.line.me/ http://bbs.mob.com/thread-23861-1-1.html
     





注:
[1] Email、信息不需要注册即可使用
[2] QQ客户端分享和QQ空间使用相同的应用信息配置页面
[3] 微信好友和微信朋友圈使用相同的注册信息
[4] 易信好友和易信朋友圈使用相同的注册信息
posted @ 2017-06-07 17:45  公羽寒  阅读(3042)  评论(0编辑  收藏  举报