【iOS】友盟分享实践篇

友盟分享开发文档:
http://dev.umeng.com/social/ios/quick-integration?spm=0.0.0.0.ZOvbzv

最近编写了一个友盟分享Demo,实现了友盟自带分享UI和自定义分享UI两个样式将分享内容分享到微信和QQ。下面具体讲讲分享的实现。(以下只实现分享到微信和QQ,如果需要分享到其他平台思路差不多,这里就不多说了)

  • 注册账号获取相应的配置信息
    友盟开发者帐号 ----- 获取appkey
    微信开发者帐号 ----- 获取appId 和 appSecret
    QQ开发者帐号 ------ 获取appId 和 appkey

  • 下载友盟分享SDK
    有两种方式:
    1、官网下载SDK,下载完成后导入项目中。
    2、使用cocoa pods下载管理:在Podfile中写入 pod 'UMengSocial', '~> 5.0',关于cocapods的安装与使用,可以参考文档:
    http://www.cnblogs.com/huahua0809/p/4933536.html

  • 添加SDK依赖的系统库文件
    在Xcode中打开工程配置文件,选择“summary”一栏。在“summary”中选择“Linked Frameworks and Libraries”一栏,点击“+”图标添加下面八个库文件,分别是
    Security.framework
    libiconv.dylib
    SystemConfiguration.framework
    CoreGraphics.Framework
    libsqlite3.dylib
    CoreTelephony.framework
    libstdc++.dylib
    libz.dylib

  • 配置URL schemes
    在你的工程设置项,targets 一栏下,选中自己的 target,在 Info->URL Types 中添加 URL Schemes,添加xcode的url scheme为微信应用appId:


    配置URL schemes
  • 设置白名单
    如果你的应用使用了如SSO授权登录或跳转分享功能,在iOS9下就需要增加一个可跳转的白名单,指定对应跳转App的URL Scheme,否则将在第三方平台判断是否跳转时用到的canOpenURL时返回NO,进而只进行webview授权或授权/分享失败。

<key>LSApplicationQueriesSchemes</key><array>
    <!-- 微信 URL Scheme 白名单-->
    <string>wechat</string>
    <string>weixin</string>
 
    <!-- 新浪微博 URL Scheme 白名单-->
    <string>sinaweibohd</string>
    <string>sinaweibo</string>
    <string>sinaweibosso</string>
    <string>weibosdk</string>
    <string>weibosdk2.5</string>
 
    <!-- QQ、Qzone URL Scheme 白名单-->
    <string>mqqapi</string>
    <string>mqq</string>
    <string>mqqOpensdkSSoLogin</string>
    <string>mqqconnect</string>
    <string>mqqopensdkdataline</string>
    <string>mqqopensdkgrouptribeshare</string>
    <string>mqqopensdkfriend</string>
    <string>mqqopensdkapi</string>
    <string>mqqopensdkapiV2</string>
    <string>mqqopensdkapiV3</string>
    <string>mqzoneopensdk</string>
    <string>wtloginmqq</string>
    <string>wtloginmqq2</string>
    <string>mqqwpa</string>
    <string>mqzone</string>
    <string>mqzonev2</string>
    <string>mqzoneshare</string>
    <string>wtloginqzone</string>
    <string>mqzonewx</string>
    <string>mqzoneopensdkapiV2</string>
    <string>mqzoneopensdkapi19</string>
    <string>mqzoneopensdkapi</string>
    <string>mqqbrowser</string>
    <string>mttbrowser</string>
 
    <!-- 人人 URL Scheme 白名单-->
    <string>renrenios</string>
    <string>renrenapi</string>
    <string>renren</string>
    <string>renreniphone</string>
 
    <!-- 来往 URL Scheme 白名单-->
    <string>laiwangsso</string>
 
    <!-- 易信 URL Scheme 白名单-->
    <string>yixin</string>
    <string>yixinopenapi</string>
 
    <!-- instagram URL Scheme 白名单-->
    <string>instagram</string>
 
    <!-- whatsapp URL Scheme 白名单-->
    <string>whatsapp</string>
 
    <!-- line URL Scheme 白名单-->
    <string>line</string>
 
    <!-- Facebook URL Scheme 白名单-->
    <string>fbapi</string>
    <string>fb-messenger-api</string>
    <string>fbauth2</string>
    <string>fbshareextension</string></array>

代码实现

  • 在AppDelegate内设置友盟AppKey
-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {   
    [UMSocialData setAppKey:UMAppKey];
    [UMSocialWechatHandler setWXAppId:WeChatAppId appSecret:WeChatAppSecret url:@"http://www.jianshu.com/users/238e769238c2/latest_articles"];
    [UMSocialQQHandler setQQWithAppId:QQAppID appKey:QQAppKey url:@"http://www.jianshu.com/users/238e769238c2/latest_articles"];
    return YES;
}
  • 系统自带分享UI实现分享
[UMSocialSnsService presentSnsIconSheetView:self
                                         appKey:@"570c660367e58e91600010a5"
                                      shareText:@"花花的简书"
                                     shareImage:[UIImage imageNamed:@"icon.png"]
                                shareToSnsNames:[NSArray arrayWithObjects:UMShareToWechatSession,UMShareToWechatTimeline,UMShareToWechatFavorite,UMShareToQQ,UMShareToQzone,nil]
                                       delegate:self];

效果图:


  • 自定义分享UI显示分享
    1、.h文件代码:
#import <UIKit/UIKit.h>
#import "UMSocial.h"
@interface XHCustomShareView : UIView
+(instancetype)shareViewWithPresentedViewController:(UIViewController *)controller items:(NSArray *)items title:(NSString *)title image:(UIImage *)image urlResource:(NSString *)url;
@end

2、.m文件代码:

#import "XHCustomShareView.h"
#define KHeight self.frame.size.height
#define kWidth self.frame.size.width
#define ShareViewHeight 155
@interface XHCustomShareView()
/** 分享内容属性  */
@property (nonatomic,strong)NSArray *items;
@property (nonatomic,copy)NSString *title;
@property (nonatomic,copy)UIImage *image;
@property (nonatomic,copy)NSString *url;
@property (nonatomic,strong)UIViewController *controller;
/** UI属性 */
@property (nonatomic,strong)UIView *buttomView;
@property (nonatomic,strong)UIView *contentView;
@end
@implementation XHCustomShareView
#pragma mark - 自定义初始化类方法
+(instancetype)shareViewWithPresentedViewController:(UIViewController *)controller items:(NSArray *)items title:(NSString *)title image:(UIImage *)image urlResource:(NSString *)url{
    XHCustomShareView *view = [[XHCustomShareView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight)];
    view.title = title;
    view.url = url;
    view.image = image;
    view.items = items;
    view.controller = controller;
    [view createShareView];
    return view;
}
#pragma mark - 创建分享UI
-(void)createShareView{
    /*------------------  添加蒙板  -------------------*/
    _buttomView = [[UIView alloc] initWithFrame:self.bounds];
    _buttomView.backgroundColor = [UIColor blackColor];
    _buttomView.alpha = 0.0;
    [_buttomView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(dismissShareView)]];
    [self addSubview:_buttomView];
    /*------------------------------------------------*/
    /*---------- 内容view,包括分享itemsView以及取消按钮 ----------*/
   _contentView = [[UIView alloc] initWithFrame:CGRectMake(0, KHeight, kWidth, ShareViewHeight)];
    _contentView.backgroundColor = [UIColor clearColor];
    [self addSubview:_contentView];
    //分享ItemsView
    UIScrollView *shareItemView = [[UIScrollView alloc] initWithFrame:CGRectMake(10, 0, kWidth-20, 100)];
    shareItemView.backgroundColor = [UIColor whiteColor];
    shareItemView.layer.cornerRadius = 10;
    shareItemView.layer.masksToBounds = YES;
    shareItemView.showsVerticalScrollIndicator = NO;
    shareItemView.showsHorizontalScrollIndicator = NO;
    [_contentView addSubview:shareItemView];
    if (_items.count) {
        CGFloat itemWidth  = 50;
        CGFloat itemHeight = 50;
        CGFloat pading = _items.count<5 ? (shareItemView.width-itemHeight*_items.count)/(_items.count+1) : 30;
        for (int i=0; i<_items.count; i++) {
            UIButton * itemBtn = [[UIButton alloc] initWithFrame:CGRectMake((itemWidth+pading)*i+pading, 15, itemWidth, itemHeight)];
            itemBtn.tag = i;
            NSString *itemName =  [self getTitleAndImageWithItem:itemBtn];
            [itemBtn addTarget:self action:@selector(itemClick:) forControlEvents:UIControlEventTouchUpInside];
            [shareItemView addSubview:itemBtn];
            UILabel *itemLabel = [[UILabel alloc] initWithFrame:CGRectMake(itemBtn.left, itemBtn.bottom+5, itemWidth, 20)];
            itemLabel.text = itemName;
            itemLabel.font = [UIFont systemFontOfSize:12];
            itemLabel.textAlignment = NSTextAlignmentCenter;
            [shareItemView addSubview:itemLabel];
        }
        shareItemView.contentSize = CGSizeMake((itemWidth+pading)*_items.count+pading, 0);
    }
    //取消按钮
    UIButton *cancelbtn = [[UIButton alloc] initWithFrame:CGRectMake(10, CGRectGetMaxY(shareItemView.frame)+10, kWidth-20, 40)];
    cancelbtn.layer.cornerRadius = 10;
    cancelbtn.layer.masksToBounds = YES;
    [cancelbtn setTitle:@"取消" forState:UIControlStateNormal];
    cancelbtn.backgroundColor = [UIColor whiteColor];
    [cancelbtn addTarget:self action:@selector(dismissShareView) forControlEvents:UIControlEventTouchUpInside];
    [cancelbtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [_contentView addSubview:cancelbtn];
    [UIView animateWithDuration:0.3 animations:^{
        _buttomView.alpha = 0.3;
        _contentView.frame = CGRectMake(0, KHeight-ShareViewHeight, kWidth, ShareViewHeight);
        
    }];
    /*----------------------------------------------------------*/
}
#pragma mark - 设置item图片以及获取title
-(NSString *)getTitleAndImageWithItem:(UIButton *)itemBtn{
    NSString *itemTitle = @"";
    NSString *itemImage = @"";
    NSString *type = _items[itemBtn.tag];
    if ([type isEqualToString:UMShareToQzone]) {
        itemTitle = @"QQ空间";
        itemImage = @"share_qzone";
    }
    else if([type isEqualToString:UMShareToQQ])
    {
        itemTitle = @"QQ";
        itemImage = @"";
    }
    else if([type isEqualToString:UMShareToWechatSession])
    {
        itemTitle = @"微信好友";
        itemImage = @"share_weixin";
    }
    else if([type isEqualToString:UMShareToWechatTimeline])
    {
        itemTitle = @"朋友圈";
        itemImage = @"share_circle";
    }
    else if([type isEqualToString:UMShareToWechatFavorite])
    {
        itemTitle = @"微信收藏";
        itemImage = @"";
    }
    else if([type isEqualToString:UMShareToSina])
    {
        itemTitle = @"新浪";
        itemImage = @"share_sina";
    }
    else{
        NSLog(@"其他设备自行添加");
    }
    [itemBtn setImage:[UIImage imageNamed:itemImage] forState:UIControlStateNormal];
    return itemTitle;
}
#pragma mark - 点击item进行分享操作
-(void)itemClick:(UIButton *)btn{
    NSInteger index = btn.tag;
    [[UMSocialDataService defaultDataService]  postSNSWithTypes:@[_items[index]] content:_title image:_image location:nil urlResource:nil presentedController:_controller completion:^(UMSocialResponseEntity *response){
        if (response.responseCode == UMSResponseCodeSuccess) {
            NSLog(@"分享成功!");
        }
    }];
}
#pragma mark - 点击 取消或者蒙板 消除分享View
-(void)dismissShareView{
    [UIView animateWithDuration:0.3 animations:^{
        _buttomView.alpha = 0.0;
        _contentView.frame = CGRectMake(0, KHeight, kWidth, ShareViewHeight);
    } completion:^(BOOL finished) {
        [self.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
        [self removeFromSuperview];
    }];
}
@end

3、调用实现分享:

XHCustomShareView *shareView = [XHCustomShareView shareViewWithPresentedViewController:self items:@[UMShareToWechatSession,UMShareToWechatTimeline,UMShareToQzone] title:@"欢迎进入花花的简书" image:[UIImage imageNamed:@"icon.png"] urlResource:nil];
    [[UIApplication sharedApplication].keyWindow addSubview:shareView];

效果图:


自定义分享UI

Demo下载链接

https://github.com/huahua0809/XHUmShareDemo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容