【iOS】友盟分享实践篇
2016-04-18 本文已影响3901人
胖嘟嘟小团子
友盟分享开发文档：
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
