美文网首页iOS成长之路
iOS APP内容分享至qq、微信

iOS APP内容分享至qq、微信

作者: coco_CC | 来源:发表于2018-11-23 14:28 被阅读100次

    前言:这段时间项目上要增加分享功能,支持分享到qq,微信,好吧,那就开干。通过Google后,发现用mob可以快速集成,挺方便的。

    一、使用mob集成分享功能,我是采用cocopods方式集成的,目前我这边需求是支持分享到qq,微信。那就集成喽,顺便我也打算采用mob的UI弹出框选择。
    cocopods相信大家都会使用了,就不介绍了,百度一大堆。直接复制以下需要引用的框架到工程里(Podfile),执行pod install时,安装可能比较慢,我这边安装了20多分钟才完成。

    # UI模块(非必须,需要用到ShareSDK提供的分享菜单栏和分享编辑页面需要以下1行)
      pod 'mob_sharesdk/ShareSDKUI'
      # 平台SDK模块(对照一下平台,需要的加上。如果只需要QQ、微信、新浪微博,只需要以下3行)
      pod 'mob_sharesdk/ShareSDKPlatforms/QQ'
      pod 'mob_sharesdk/ShareSDKPlatforms/WeChat'   #(微信sdk不带支付的命令)
    # pod 'mob_sharesdk/ShareSDKPlatforms/WeChatFull' //(微信sdk带支付的命令,和上面不带支付的不能共存,只能选择一个)
    
    #集成微信
      pod 'WechatOpenSDK'
    

    假如你没有搜索不到这个mob_sharesdk时:
    不慌,那就清空下pod索引,就好了

    1、请先进行:pod setup
    
    2、再清空一下搜索索引,让pod重建索引:
    
    rm ~/Library/Caches/CocoaPods/search_index.json
    

    OK,导入需要集成的框架后,我们开始为mob配置项目.

    第一步:设置ShareSDK的Appkey并初始化对应的第三方社交平台

    在项目工程的Info.plist 中如图增加 MOBAppkey 和 MOBAppSecret 两个字段

    在 MOBAppkey中 设置ShareSDK的appKey,如果尚未在ShareSDK官网注册过App,请移步到mob登录后台进行应用注册 也可以点击链接看里面的操作步骤。

    mob1.png

    友情提示:如果您同时多个MOBSDK产品 在info.plist中的设置一次就可以了。

    打开AppDelegate.m(代表你的工程名字)导入头文件
    #import <ShareSDK/ShareSDK.h>
    在- (BOOL)application: didFinishLaunchingWithOptions:方法中调用registerApp方法来初始化SDK并且初始化第三方平台(各社交平台申请AppKey的网址及申请流程汇总

    需要在AppDelegate中导入的头文件

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

    在didFinishLaunchingWithOptions方法中注册:

    
    
    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
    {
        
        [ShareSDK registerActivePlatforms:@[@(SSDKPlatformTypeQQ),
                                            @(SSDKPlatformTypeWechat)]
                                 onImport:^(SSDKPlatformType platformType) {
            
                                     switch (platformType) {
                                             
                                         case SSDKPlatformTypeQQ:
                                             [ShareSDKConnector connectQQ:[QQApiInterface class] tencentOAuthClass:[TencentOAuth class]];
                                             break;
                                         case SSDKPlatformTypeWechat:
                                             [ShareSDKConnector connectWeChat:[WXApi class]];
                                             break;
                                         default:
                                             break;
                                     }
                                     
        } onConfiguration:^(SSDKPlatformType platformType, NSMutableDictionary *appInfo) {
            
            switch (platformType)
            {
                case SSDKPlatformTypeQQ:
                    [appInfo SSDKSetupQQByAppId:@"1107990966"
                                         appKey:@"6iwfpt3hIJlf70Y2"
                                       authType:SSDKAuthTypeBoth];
                    break;
                    
                case SSDKPlatformTypeWechat:
    //                                [appInfo SSDKSetupWeChatByAppId:@”wx4868b35061f87885″
    //                                                      appSecret:@”64020361b8ec4c99936c0e3999a9f249″];
                    break;
                
                default:
                     break;
                     }
        }];
    }
    

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

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

    
    //mob分享 索引需要用到的
    #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;
                           }];
    
    //大家请注意:4.1.2版本开始因为UI重构了下,所以这个弹出分享菜单的接口有点改变,如果集成的是4.1.2以及以后版本,如下调用:
     [ShareSDK showShareActionSheet:nil customItems:nil shareParams:shareParams sheetConfiguration:nil onStateChanged:^(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;
                                }
    }];
    

    编译并运行后,点击分享按钮就成功发送到社交平台的话说明你已经基本集成成功了。

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

    mob2.png

    打开AppDelegate.m(代表你的工程名字)文件,导入微信SDK的头文件并初始化:

    #import <ShareSDK/ShareSDK.h>
    [ShareSDK registPlatforms:^(SSDKRegister *platformsRegister) {
                //QQ
                [platformsRegister setupQQWithAppId:@"100371282" appkey:@"aed9b0303e3ed1e27bae87c33761161d"];
    }];
    

    可选:支持QQ所需的相关配置及代码 登录腾讯开放平台(http://open.qq.com/ )注册成为开发者并登记应用取得AppId,然后打开下图位置,在URL Types中添加QQ的AppID,其格式为:”QQ” + AppId的16进制(如果appId转换的16进制数不够8位则在前面补0,如转换的是:5FB8B52,则最终填入为:QQ05FB8B52 注意:转换后的字母要大写

    必看注意:
    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.上述白名单,是技术人员通过不断的测试收集整理所得,如果各位开发者朋友发现上表格有所遗漏,请根据系统信息添加相关白名单即可。

    mob3.png

    另外贴上qq和微信的开发者平台注册网站:
    点我进入QQ腾讯开放平台
    点我进入微信开放平台
    以及各社区平台的开发者平台注册网站:
    点我进入各社交平台申请AppKey的网址及申请流程汇总
    目前按照我以上文档可以分享至qq及qq空间,当然,微信也是如此,如果在分享中遇到问题不了解的,可以留言,我会一一解答。

    相关文章

      网友评论

        本文标题:iOS APP内容分享至qq、微信

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