美文网首页iOS 学习iOS面试题
iOS facebook 分享接入总结

iOS facebook 分享接入总结

作者: 后浪普拉斯 | 来源:发表于2019-06-25 13:35 被阅读0次

    facebook 是国外主要社交平台,所以fb的分享是海外最重要的分享方式之一,还有其他的2个社交平台是Twitter和line。我们接下啦就需要对接fb分享。
    我们需要看一下facebook对接文档

    1、fb的配置

    在fb的sdk接入的文档中,我们可以看ios 接入之前的配置配置方案
    引入fb的SDK主要是:
    通用SDK: FBSDKCoreKit.frameworkBolts.framework 这是通用的SDK,我是在加统计的时候引入的
    分享SDK:FBSDKShareKit.framework
    配置:在Info.plist中加入

    <key>CFBundleURLTypes</key>
    <array>
      <dict>
        <key>CFBundleURLSchemes</key>
        <array>
          <string>fb{your-app-id}</string>
        </array>
      </dict>
    </array>
    <key>FacebookAppID</key>
    <string>{your-app-id}</string>
    <key>FacebookDisplayName</key>
    <string>{your-app-name}</string>
    <key>LSApplicationQueriesSchemes</key>
    <array>
      <string>fbapi</string>
      <string>fb-messenger-share-api</string>
      <string>fbauth2</string>
      <string>fbshareextension</string>
    </array>
    

    {your-app-id}和{your-app-name} 是你app的信息

    在appdelegate中加入代码:

    //  AppDelegate.m
    #import <FBSDKCoreKit/FBSDKCoreKit.h>
    
    - (BOOL)application:(UIApplication *)application 
        didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
      
      // You can skip this line if you have the latest version of the SDK installed
      [[FBSDKApplicationDelegate sharedInstance] application:application
        didFinishLaunchingWithOptions:launchOptions];
      // Add any custom logic here.
      return YES;
    }
    
    - (BOOL)application:(UIApplication *)application 
                openURL:(NSURL *)url 
                options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
    
      BOOL handled = [[FBSDKApplicationDelegate sharedInstance] application:application
        openURL:url
        sourceApplication:options[UIApplicationOpenURLOptionsSourceApplicationKey]
        annotation:options[UIApplicationOpenURLOptionsAnnotationKey]
      ];
      // Add any custom logic here.
      return handled;
    }
    

    2、fb分享

    fb分享分为2部分:

    1、分享内容构建

    分享的内容分为3部分: 链接分享、图片分享和多媒体分享。

    链接分享

    先上代码:

        //构建内容
        FBSDKShareLinkContent *linkContent = [[FBSDKShareLinkContent alloc] init];
        linkContent.contentURL = [NSURL URLWithString:@"https://image.baidu.com"];
        linkContent.contentTitle = @"百度";
        linkContent.contentDescription = [[NSString alloc] initWithFormat:@"%@",@"星空图片欣赏"];
        linkContent.imageURL = [NSURL URLWithString:@"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561310690603&di=6fb462fc7c72ab479061c8045639f87b&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4034970a304e251fb1a2546da986c9177e3e53c9.jpg"];
        //分享对话框
        [FBSDKShareDialog showFromViewController:self withContent:linkContent delegate:self];
    

    注意:
    1、此中的contentTitlecontentDescriptionimageURL 这其中的这些参数的设置和contentURL有关,我们不能设置和contentURL无关的标题、描述、和图片,这几个参数只是让我们确定分享的链接的具体内容。
    2、分享的形式,我们点开这个可以看到分享的对话框其实是打开的网页分享的,需要在网页上登录fb,并没有直接打开fb的应用,在其中分享。

    图片分享:
    • 分享内容:图片分享我们可以直接给分享图片的链接,也可以从相册中读取,我们先直接分享网络图片的链接,在后面的分享video中我们会选取本地library中的加以分享。
    • 分享形式:图片分享我们可以使用分享对话框和自定义界面。
    • 分享限制:
      1、 照片大小必须小于 12MB
      2、 用户需要安装版本 7.0 或以上的原生 iOS 版 Facebook 应用

    分享代码:

        //分享内容
        UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561310690603&di=6fb462fc7c72ab479061c8045639f87b&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4034970a304e251fb1a2546da986c9177e3e53c9.jpg"]]];
        FBSDKSharePhoto *photo = [[FBSDKSharePhoto alloc] init];
        photo.image = image;
        photo.userGenerated = YES;
        FBSDKSharePhotoContent *content = [[FBSDKSharePhotoContent alloc] init];
        content.photos = @[photo];
        //分享对话框
        [FBSDKShareDialog showFromViewController:self withContent:content delegate:self];
    

    注意:
    我们可以看到分享是直接分享到fb应用。

    视频分享

    首先我们需要特别注意的一点就是,视频分享一定是读本地相册库的,我们不能直接分享网上的视频资源链接,我们看文档的时候,文档没有特意说明这个情况,而网上的博客也是含糊其辞,直接复制fb的对接文档,自己根本就没有对接过,引人入歧途。

    • 分享内容:相册库中的视频。
    • 分享形式: 分享对话框或您专属的自定义界面。
    • 分享限制:
      1、视频大小必须小于 50MB。
      2、分享内容的用户应安装版本 26.0 或以上的 iOS 版 Facebook 客户端。

    分享代码:

    #import <AVFoundation/AVCaptureDevice.h>
    #import <AVFoundation/AVMediaFormat.h>
    #import <Photos/Photos.h>
    #import <AssetsLibrary/AssetsLibrary.h>
    #import <MobileCoreServices/MobileCoreServices.h>
    
    //实现代理协议UIImagePickerControllerDelegate
    - (IBAction)shareVideoClick:(id)sender {
        
        UIImagePickerController *pickerController = [[UIImagePickerController alloc] init];
        pickerController.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
        pickerController.mediaTypes = @[(NSString *)kUTTypeMovie, (NSString *)kUTTypeImage];
        
        pickerController.delegate = self;
        [self presentViewController:pickerController animated:YES completion:nil];
    }
    
    #pragma mark UIImagePickerControllerDelegate
    -(void)imagePickerControllerDidCancel:(UIImagePickerController *)picker{
        [picker dismissViewControllerAnimated:YES completion:nil];
    }
    
    -(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<UIImagePickerControllerInfoKey,id> *)info{
        
        UIImage *image = [info objectForKey:UIImagePickerControllerEditedImage];
        NSString *mediaType = info[UIImagePickerControllerMediaType];
        
        //选择的是图片的时候
        if ([mediaType isEqualToString:(NSString *)kUTTypeImage]) {
            
            NSURL *url = info[UIImagePickerControllerImageURL];
            UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:url]];
            FBSDKSharePhoto *photo = [[FBSDKSharePhoto alloc] init];
            photo.image = image;
            photo.userGenerated = YES;
            FBSDKSharePhotoContent *content = [[FBSDKSharePhotoContent alloc] init];
            content.photos = @[photo];
            
            [FBSDKShareDialog showFromViewController:self withContent:content delegate:self];
            
        }else if([mediaType isEqualToString:(NSString *)kUTTypeMovie]){
            //选择是视频的时候
            NSURL *url = info[UIImagePickerControllerReferenceURL];
            FBSDKShareVideo *video = [[FBSDKShareVideo alloc] init];
            video.videoURL = url;
            FBSDKShareVideoContent *content = [[FBSDKShareVideoContent alloc] init];
            content.video = video;
            [FBSDKShareDialog showFromViewController:self withContent:content delegate:self];
        }
        
        [picker dismissViewControllerAnimated:YES completion:nil];
        
    }
    

    注意:
    我们使用UIImagePickerController 的时候,只能选取一张图片或者一个视频,假如想选择多个,应该是需要加入第三方的框架来多选。

    多媒体分享
    • 分享内容:根据之前的图片分享和视频分享,我们可以知道,媒体中的图片可以是网络上的或者本地的,媒体中的视频必须是本地的视频。
    • 分享形式: 分享对话框
    • 分享限制:
      1、用户使用的 iOS 版本至少应为 7.0。
      2、分享内容的用户应安装版本 52.0 或以上的 iOS 版 Facebook 客户端。
      3、照片大小必须小于 12MB,视频大小必须小于 50MB。
      4、用户最多可以分享 1 个视频加 29 张照片,或最多分享 30 张照片。

    代码就不分享了,这部分其实就是分享图片和视频的结合体,但是需要多选图片和视频罢了。

    2、分享方法

    我们在构建好分享的内容之后,就可以分享了。

    1、分享按钮

    我们可以直接使用fb自己封装的分享按钮分享,使用简单,但是不是很灵活。

    FBSDKShareButton *button = [[FBSDKShareButton alloc] init];
    button.shareContent = content;  
    [self.view addSubview:button];
    

    2、发送按钮

    这主要是分享到message上的,我们私密的方式向好友和使用message的联系人发送照片、视频和链接,发送按钮会调用消息对话框。

    FBSDKSendButton *button = [[FBSDKSendButton alloc] init];
    button.shareContent = content; 
    [self.view addSubview:button];
    

    假如未安装Message应用,发送按钮将隐藏。

    3、分享对话框

    代码:

    FBSDKShareLinkContent *content = [[FBSDKShareLinkContent alloc] init];
    content.contentURL = [NSURL URLWithString:@"http://developers.facebook.com"];
    //分享对话框
    [FBSDKShareDialog showFromViewController:self
                                  withContent:content
                                     delegate:nil];
    

    3、其他的分型

    1、话题标签

    可以指定一个话题标签,让它随分享的照片、链接或视频一同显示。这个话题标签还会显示在分享对话框中,因此用户在发布之前可决定是否将它删除。

    FBSDKShareLinkContent *content = [[FBSDKShareLinkContent alloc] init];
    content.contentURL = [NSURL URLWithString:@"https://developers.facebook.com"];
    content.hashtag = [FBSDKHashtag hashtagWithString:@"#MadeWithHackbook"];
    

    2、引文分享

    可以让用户选择高亮一段文本,作为与分享的链接一同显示的引文。或者,您也可以预先定义与分享的链接一同显示的引文,例如文章中的醒目引文。不管使用哪种方式,引文都将在用户评论区之外的专用栏位显示。

    FBSDKShareLinkContent *content = [[FBSDKShareLinkContent alloc] init];
    content.contentURL = [@"https://developers.facebook.com/products/sharing"];
    content.quote = @"Learn quick and simple ways for people to share content from your app or website to Facebook.";
    

    github地址
    有什么问题联系我吧!微信:在所难免,注明:简书。

    相关文章

      网友评论

        本文标题:iOS facebook 分享接入总结

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