iOS支付宝H5支付无法返回APP解决方案

本文只讨论你已经成功实现客户端->支付宝支付流程,仅仅是支付完成后无法返回自己的APP的问题。

如果你的支付流程是客户端->Safari->支付宝不在本文讨论范围之类。

iOS支付宝H5支付不在讨论范围内。提供下列参考:

支付宝H5支付官方文档

支付宝H5支付官方Demo下载Demo使用文档

本文前大段在讲楼主是如何解决这个问题的,以及中间遇到的麻烦。赶时间的同学可以直接看最后的最终解决方案

在讨论之前,我们先看看官方文档上的一句话:

注意:在iOS系统中,唤起支付宝App支付完成后,不会自动回到浏览器或商户APP。用户可手工切回到浏览器或商户APP;支付宝H5收银台会自动跳转回商户return_url指定的页面。

what? 官方直接跟我们说GG了?楼主不甘心,还是想尝试一下。

借鉴之前iOS微信H5支付无法返回APP解决方案的经验,先在return_url这个参数上做个尝试吧。

支付宝和微信不同的是,支付宝的return_url不需要在支付宝管理后台备案(填写),微信的redirect_url是需要的。

第一次尝试

webView拦截请求https://mapi.alipay.com/gateway.do,修改return_url参数为自己的URLScheme,比如 URLEncode(A.company.com://),结果失败了,进入支付宝报错的页面。仔细看了一下请求的其它参数,居然有个sign!支付宝文档上也有这个参数,居然校验了参数签名的,好吧,客户端篡改参数的方案宣告失败!

第二次尝试

既然不能篡改,那直接下单的时候填吧,请求后台的同学协助一下,在下单的时候把return_url参数改成 URLEncode(A.company.com://),结果还是失败了。后台同学提示我,return_url必须是HTTP/HTTPS开头,支付宝文档上有说明。

第三次尝试

那加上http试试,我又让后台同学把return_url改成  URLEncode(httpA.company.com://),同时把APP的URLSchemes改成httpA.company.com,再次尝试,调起支付宝返回的时候打开了Safari,在Safari里面显示了我们支付中心的错误页面,return_url方案彻底失败了!

要不就算了,跟产品说支付宝无法实现支付完成后跳回APP,反正支付宝官方文档上都这么写了。

虽然这么想了,但是我还是继续翻看支付宝的文档,希望能找到点蛛丝马迹。

突然看到了这里,手机网站支付转Native支付

支付宝文档

支付宝文档

schemeStr,这个关键字让我眼前一亮。

手机网站支付转Native支付:支付宝的意思是,我们提供了一个SDK,你接了之后就可以很方便的实现H5收银台(即在web上输入支付宝账号密码支付)到支付宝APP收银台的过渡。

如果你是一个"正规"APP开发者,至此已经可以解决你的问题了。按照支付宝文档接支付宝SDK即可,就能实现H5支付回调APP了。

但,这不是楼主想要的方案,由于工作需求的原因,楼主不想也不敢接支付宝的SDK,怕被苹果爸爸审核扫包啊。如果你的APP"应该"用苹果支付,即使你没有用到支付宝的功能,但是包含了支付宝的SDK,审核被发现了,也可能被拒绝的。

继续寻找解决办法。

下载了支付宝的Demo,试了下确实可以跳回APP。

楼主琢磨着,既然SDK能实现这个功能,说明支付宝还是支持的H5支付完成后返回APP功能的,并不是向文档上说的,"在iOS系统中,唤起支付宝App支付完成后,不会自动回到浏览器或商户APP。用户可手工切回到浏览器或商户APP",只是支付宝不愿意公开而已。

那就以这个支付宝Demo为切入点吧,虽然SDK中有schemeStr这个参数,但是SDK是黑盒啊,你不知道它在里面做了些什么。

/** * 支付接口 * *@paramorderStr 订单信息 *@paramschemeStr 调用支付的app注册在info.plist中的scheme *@paramcompletionBlock 支付结果回调Block,用于wap支付结果回调(非跳转钱包支付) */- (void)payOrder:(NSString *)orderStr fromScheme:(NSString *)schemeStr callback:(CompletionBlock)completionBlock;

追本溯源,最终打开支付宝APP都会走

[UIApplicationsharedApplication] openURL:]

在Demo工程里搜了一下,没有。但我肯定SDK里面肯定有!

whatever —— Method Swizzling

#import<UIKit/UIKit.h>

#import<objc/runtime.h>

@implementationUIApplication(TrackTimer)

+ (void)load{

staticdispatch_once_toneToken;dispatch_once(&oneToken, ^{        

SEL mySelector =NSSelectorFromString(@"my_openURL:");        

SEL orginalSelector =NSSelectorFromString(@"openURL:");        

Method myMethod = class_getInstanceMethod([selfclass], mySelector);        

Method orginalMethod = class_getInstanceMethod([selfclass], orginalSelector);

BOOLdidAddMethod = class_addMethod([selfclass], orginalSelector, method_getImplementation(myMethod), method_getTypeEncoding(myMethod));

if(didAddMethod) {           

class_replaceMethod([selfclass], mySelector, method_getImplementation(orginalMethod), method_getTypeEncoding(orginalMethod));        

}else{            

method_exchangeImplementations(myMethod, orginalMethod);       

 }   

 });}

- (void)my_openURL:(NSURL*)url{

NSLog(@"%@",url);    

[selfmy_openURL:url];

}

打印结果如下

alipaymatrixbwf0cml3://alipayclient/?%7B%0A%20%20%22fromAppUrlScheme%22%20%3A%20%22alisdkdemo%22%2C%0A%20%20%22requestType%22%20%3A%20%22SafePay%22%2C%0A%20%20%22dataString%22%20%3A%20%22trade_no%3D%5C%222018041921001001270586523089%5C%22%26pay_phase_id%3D%5C%22%5C%22%26biz_type%3D%5C%22trade%5C%22%26biz_sub_type%3D%5C%22TRADE%5C%22%26app_name%3D%5C%22tb%5C%22%26extern_token%3D%5C%221fc77c67c70ef70d58e2bf7c513d91a5%5C%22%26appenv%3D%5C%22%5C%22%26pay_channel_id%3D%5C%22alipay_sdk%5C%22%26bizcontext%3D%5C%22%7B%5C%22av%5C%22%3A%5C%221%5C%22%2C%5C%22sc%5C%22%3A%5C%22h5tonative%5C%22%2C%5C%22ty%5C%22%3A%5C%22ios_lite%5C%22%2C%5C%22appkey%5C%22%3A%5C%222014052600006128%5C%22%2C%5C%22sv%5C%22%3A%5C%22h.a.3.5.3%5C%22%2C%5C%22an%5C%22%3A%5C%22com.antfin.AliSDKDemo%5C%22%7D%5C%22%22%0A%7D

URLDecode

alipaymatrixbwf0cml3://alipayclient/?{

"fromAppUrlScheme" : "alisdkdemo",

"requestType" : "SafePay",

"dataString" : "trade_no="2018041921001001270586523089"&pay_phase_id=""&biz_type="trade"&biz_sub_type="TRADE"&app_name="tb"&extern_token="1fc77c67c70ef70d58e2bf7c513d91a5"&appenv=""&pay_channel_id="alipay_sdk"&bizcontext="{"av":"1","sc":"h5tonative","ty":"ios_lite","appkey":"2014052600006128","sv":"h.a.3.5.3","an":"com.antfin.AliSDKDemo"}""

}

为什么前面会有一点乱码,alipaymatrixbwf0cml3,不管它了。fromAppUrlScheme,是不是很惊喜。

是不是支付宝H5支付都有这个参数呢?楼主赶紧用自己的项目尝试了一下,webView最终会有一个alipay://请求的,拦截它,看看参数

URLDecode以后(部分字段我做了屏蔽)

alipay://alipayclient/?{"dataString":"h5_route_token="xxxxxxxxxxxxx"&is_h5_route="true"","requestType":"SafePay","fromAppUrlScheme":"alipays"}

也有fromAppUrlScheme这个参数,而且默认是支付宝APP的URLScheme:alipays

对比一下发现,SDK中传入的schemeStr参数对应就是alipay:// 中的 fromAppUrlScheme字段。

由此楼主猜测,在 alipay:// 打开支付宝时,传入 fromAppUrlScheme,支付结束后就会跳到对应的APP。

最终,楼主在自己的项目中验证了上述猜测。

总结下吧

最终解决方案

方案一

接支付宝提供的SDK,schemeStr参数传入自己APP的URLScheme即可。 具体的手机网站支付转Native支付

方案二

不需要接SDK,不需要添加支付宝白名单,webView拦截alipay://alipayclient请求,追加或修改参数 fromAppUrlScheme为你自己的URLScheme值(这一步可没那么简单,自己动手吧,偷笑),生成新的NSURL,然后用 [[UIApplication sharedApplication] openURL:] 打开即可。

2018.5.24更新(上面看懂了下面这段可以不用看)

总有人私信我问我怎么追加fromAppUrlScheme。可能是我说的"webView拦截",让初学者不明白吧,简单提一下。

在webView"发起请求的代理方法"里面拦截请求的URL,即如果请求是alipay://alipayclient开头的,说明这个请求就跳转支付宝的请求。替换里面fromAppUrlScheme的值为你自己的scheme值。(当然如果更严谨的话,应该是判断fromAppUrlScheme这个key是否存在,存在则替换其值,不存在则追加)。用替换好的字符串生成一个NSURL,用[[UIApplication sharedApplication] openURL:newURL]跳转支付宝。代理方法返回NO,即终止这次请求。

常见问题

1.支付后没有返回app而是跳到了Safari

原因:你的Xcode配置里面URLSheme没写或者写错了,和支付宝请求参数中的fromAppUrlScheme不一致。

解决:Xcode配置中新增或者修改URLSheme,确保和alipay://alipayclient请求参数中的fromAppUrlScheme一致。

2.并没有看到作者说的alipay: //alipayclient

原因:可能你的app不是在客户端直接和支付宝通信,而是中间加了一道跳转到网页,由你的后台(或前端)调起支付宝。所以你是拦截不到这个请求的。我文中所说的方式是基于,“客户端->支付宝” 这种模式,而你的是“客户端->Safari->支付宝”模式,后者无法按照文中说述实现返回app。

解决:方案1,修改你的支付模式为“客户端->支付宝”,这样改动恐怕有点大,工作量主要在你们后台。方案2,在不改模式的情况下,需要后台(或前端)的同事去解决这个问题,原理和本文差不多,在后台和支付宝通讯的参数中找到一个类似于fromAppUrlScheme的参数,然后将这个参数修改成你的app的URLScheme,至于具体怎处理楼主没做研究,如果你有好的方法,可以分享一下。

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