【iOS开发】仿微信分享功能

目标

本篇文章讲的是我做的一个仿微信分享到朋友圈的功能。
事先声明,楼主并不知道微信的分享具体是怎么实现的,只是按照楼主自己的想法做了一个。而且,比较简陋。
这篇文章主要是我上一篇文章的一个延伸。很多知识点在上一篇文章讲过了,这里就不再重复了。建议先看了上一篇文章再来看这篇文章。
入口:【iOS开发】打开另一个APP(URL Schemes与openURL)

实现过程

  • MyApp使用带了参数的url打开WXApp(微信APP)
  • WXApp在handleOpenURL回调中获取MyApp带过来的url
  • WXApp根据url的参数来跳转到朋友圈,并且给朋友圈分享内容。
  • 5秒之后,弹出alertView,选择是留在微信还是返回MyApp。
  • 根据用户的选择执行相应的动作。

创建MyApp工程并做相应的设置

  • 创建一个名为“MyApp”的工程。这个工程是“我的APP”,是用来做分享用的。
    在Main.storyboard中添加一个button(分享到微信朋友圈),点击这个button就执行分享的方法。


    创建MyApp工程并添加button事件
- (IBAction)sharedToPengYouQuan:(UIButton *)sender { 
    //创建一个url,这个url就是WXApp的url,记得加上://
    NSURL *url = [NSURL URLWithString:@"weixin://dl/moments?title=hello&content=helloworld&urlschemes=shixueqian"];
    
    //先判断是否能打开该url
    if ([[UIApplication sharedApplication] canOpenURL:url]) {
        //打开url
        [[UIApplication sharedApplication] openURL:url];
    } else {
        //给个提示或者做点别的事情
        NSLog(@"打不开weixin://。请检查有没有设置URL Schemes白名单或者有没有安装带有weixin://的应用");
    }   
}

这个方法只是创建了一个url,并且openURL。下面解析一下这个url的具体参数,

  • 使用weixin://这个URL Scheme来打开WXApp。
  • 使用weixin://dl/moments这个绝对路径来判断是否要跳转到朋友圈。
  • 使用title=hello&content=helloworld这两个参数来设置分享的内容。
  • 使用urlschemes=shixueqian来从WXApp跳转回MyApp。
  • 因为我们需要在分享完之后需要从WXApp跳转回来,所以需要设置URL Schemes,来让WXApp打开MyApp。
    步骤:选中MyApp工程->Info->URL Types->点击“+”->在URL Schemes栏填上 shixueqian
设置URL Schemes

这样WXApp就可以通过shixueqian://来打开MyApp了。

  • 设置URL Schemes白名单
    因为我们点击button的时候使用了canOpenURL:方法,故在iOS9环境需要设置URL Schemes白名单。
    步骤:点击info.plist文件->右键->Open As->Source Code->添加下面的代码
    <key>LSApplicationQueriesSchemes</key>
    <array>
        <string>weixin</string>
    </array>
设置URL Schemes白名单

OK,我们的MyApp已经完成了。

创建WXApp工程并做相应的设置。

  • 创建一个名为“WXApp”的工程并在Main.storyboard中加一个label。表明这个是WXApp的主界面。


    创建WXApp工程并在主界面加个label
  • 设置URL Schemes。
    因为我们需要被MyApp打开的,所以需要设置URL Schemes来让别的APP打开。
    步骤:选中MyApp工程->Info->URL Types->点击“+”->在URL Schemes栏填上 weixin

设置URL Schemes

备注:
在WXApp里面是不需要设置MyApp为URL Schemes白名单的。
以真正的微信为例,微信分享和微信登录的开发者这么多,有这么多软件用到了这些功能,微信事先并不知道它们的URL Schemes。就算知道了,白名单最多只有50个,是远远不够的。所以是不会调用canOpenURL:方法来判断是否能打开的。
那不先判断一下能否打开,假如微信打不开MyApp,苹果会不会拒绝微信上架呢?
如果我是微信,我会采用了另外的方法来判断。
我们知道,使用微信的分享功能必须要在微信开放平台上注册你的APP,微信开放平台会生成一个ID,你必须要设置微信给你的URL Schemes。假如你不设置,微信SDK就会报错。
在这个前提下,有两种获取MyApp的URL Schemes的方式。

  • 方式一:MyApp使用分享功能打开微信App的时候,会把bundleID传过来的(回调方法中的sourceApplication),通过这个bundleID就可以从服务器上查到微信给你的URL Schemes。
  • 方式二:在打开微信APP的url中将MyApp的URL Schemes传过来。(微信应该会对这个URL Schemes进行验证的,我就不脑洞了)

我们这个demo中用的是方式二,在url中当做参数将URL Schemes传过来。

  • 创建SQPengYouQuanController
    由于我们要跳转到朋友圈,所以要设置朋友圈控制器。
    创建SQPengYouQuanController,使用的是xib方式。
    在xib上加了几个label,并且把titleLabel和contentLabel作为SQPengYouQuanController的属性。这两个label的内容是通过MyApp传过来的url中的参数来设置的。


    设置朋友圈界面
  • 在SQPengYouQuanController.h中设置一个url属性
    这个url是MyApp传过来,用来设置titleLabel和contentLabel,并且设置返回MyApp。

//  SQPengYouQuanController.h
//  WXApp
//
//  Created by 石学谦 on 16/7/17.
//  Copyright © 2016年 shixueqian. All rights reserved.
#import <UIKit/UIKit.h>
@interface SQPengYouQuanController : UIViewController

//其他APP传过来的url,用来设置titleLabel和contentLabel,并且设置返回别的APP。
@property (nonatomic, strong) NSURL *url;

@end
  • 在SQPengYouQuanController.m中进行分享后的设置
    url传过来,我们可以利用url里面的参数对两个label赋值。并且根据url传过来的URL Schemes来跳转回MyApp。
@implementation SQPengYouQuanController

- (void)viewDidLoad {
    [super viewDidLoad];
    //设置分享后的内容
    [self displayWithURL:self.url];
}

//设置分享后的内容
- (void)displayWithURL:(NSURL *)url {
    
    //获取url中的参数,转化为字典
    NSDictionary *params = [self getParamsWithURL:url];
    NSLog(@"dict=====\n%@",params);
    
    //给label设置值
    self.titleLabel.text = params[@"title"];
    self.contentLabel.text = params[@"content"];
    
    //延迟5秒再弹出alertView
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        //创建alertViewController
        UIAlertController *controller = [UIAlertController alertControllerWithTitle:@"分享后的操作" message:@"是否返回原应用?" preferredStyle:UIAlertControllerStyleAlert];
        
        //返回按钮
        UIAlertAction *backAction = [UIAlertAction actionWithTitle:@"返回" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            //从字典中取出URL Schemes
            NSString *backURLString = [NSString stringWithFormat:@"%@://",params[@"urlschemes"]];
            NSURL *backURL = [NSURL URLWithString:backURLString];
            //跳转回MyApp
            [[UIApplication sharedApplication] openURL:backURL];
        }];
        [controller addAction:backAction];
        
        //留在微信按钮
        UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"留在微信" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            NSLog(@"留在微信");
        }];
        [controller addAction:cancelAction];
        
        //展示alertView
        [self presentViewController:controller animated:YES completion:nil];        
    });
}

//将url里面的参数转换成字典
- (NSDictionary *)getParamsWithURL:(NSURL *)url {
    
    //query是?后面的参数,在这个demo中,指的是title=hello&content=helloworld&urlschemes=shixueqian
    NSString *query = url.query;
    
    //进行字符串的拆分,通过&来拆分,把每个参数分开
    NSArray *subArray = [query componentsSeparatedByString:@"&"];
    //把subArray转换为字典
    //tempDic中存放一个URL中转换的键值对
    NSMutableDictionary *tempDic = [NSMutableDictionary dictionary];
    
    for (int i = 0 ; i < subArray.count ; i++) {
        //通过“=”拆分键和值
        NSArray *dicArray = [subArray[i] componentsSeparatedByString:@"="]
        ;
        //给字典加入元素,=前面为key,后面为value
        [tempDic setObject:dicArray[1] forKey:dicArray[0]];
    }
    //返回转换后的字典
    return tempDic ;
}

@end

大概分析一下这段代码:

  • viewDidLoad:中调用了displayWithURL :方法
  • displayWithURL :方法做了3件事:
    从URL中获取到参数,并转换成字典dict
    将字典dict中的title和content的值赋给titleLabel和contentLabel
    延迟5秒后弹出alertView,选择回到MyApp或者留在WXApp
  • getParamsWithURL:方法是将url里面的参数转换成字典,方便后面的处理

在WXApp的appDelegete.m中做跳转的处理

我们知道,在MyApp通过URL Schemes打开WXApp的时候,会调用appDelegate中的handleOpenURL:回调的。所以我们要在这个回调中获取到MyApp传过来的url,并且判断是否需要跳转到朋友圈。

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {
    
    NSLog(@"url====%@\n sourceApplication====%@\n annotation===%@",url,sourceApplication,annotation);
    
    //判断是否要跳转到朋友圈
    if ([url.absoluteString hasPrefix:@"weixin://dl/moments"]) {
        //创建SQPengYouQuanController控制器
        SQPengYouQuanController *controller = [[SQPengYouQuanController alloc] initWithNibName:@"SQPengYouQuanController" bundle:nil];
        //给url赋值
        controller.url = url;
        
        //找出当前的控制器
        UIViewController *rootViewController = [[[UIApplication sharedApplication] keyWindow] rootViewController];
        //跳转到朋友圈
        [rootViewController presentViewController:controller animated:YES completion:nil];
        
    } else {
        //不是跳转到朋友圈
    }
    return YES;
}
@end

分析一下这段代码:

  • 先判断是否要跳转到朋友圈,如果是weixin://dl/moments前缀的就跳转,否则不跳转。
  • 创建SQPengYouQuanController控制器,并将MyApp传过来的url赋值给SQPengYouQuanController中的url
  • 找出当前的rootViewController,并跳转到朋友圈

好了,万里长征只差一步,运行。

  • 运行WXApp,会展示WXApp的主界面
运行WXApp
  • 运行MyApp
运行MyApp
  • 点击MyApp中的“分享到微信朋友圈”按钮,会跳转到WXAPP的朋友圈中,而且标题和内容都有了
点击MyApp中的“分享到微信朋友圈”按钮
  • 5秒过后,会弹出一个提示框
5秒过后,会弹出一个提示框
  • 点击“返回”后,会跳转回MyApp
会跳转回MyApp

好了,大功告成。

备注:handleOpenURL回调中这样处理是有bug的,不知道大家发现了没?我就懒得处理咯,哈哈。

参考

本章的Demo已经上传到GitHub上面了。https://github.com/shixueqian/-IOS-
详解URL的组成
网络基础教程-http中url的组成和首部字段详解
Objective-C中把URL请求的参数转换为字典
非常有深度的讲解URL Shemes的文章:URL Schemes使用详解
一些著名APP的URL Schemes:苹果app(iOS app)的URL schemes

谦言万语

别打赏,我要的是喜欢。

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

推荐阅读更多精彩内容