由于公司的业务需要，为了节省申请开通微信支付的时间和人力，公司决定使用微信h5支付。这样即节省了时间，同时以后所有的APP都能使用h5支付，既方便又快捷。

但是真正做的时候问题来了，当你支付成功之后或者是取消支付的时候会跳转到Safari浏览器，这就很尴尬了，完全无用户体验啊。当时看着Android可以直接返回到APP，心里瞬间不爽了。开始埋怨苹果公司了，但是由于公司的业务必须要做h5，没办法开始找办法解决。

首先你在Xcode中，选择你的工程设置项，选中“TARGETS”一栏，在“info”标签栏的“LSApplicationQueriesSchemes“添加weixin

进入微信查了一下，发现需要设置Referer这个请求头的参数，当然微信也给出了例子微信h5支付其他常见错误。针对于这个问题在网上搜索了一下发现有专门针对于微信h5支付设置Referer的文章iOSwebView设置Referer,在这里我给大家贴一下代码吧！

#pragma mark - MajordomoWKWebViewDelegate

-(void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler

{

NSString *url = navigationAction.request.URL.absoluteString;

if ([url containsString:@"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?"] || [url rangeOfString:@"https://wx.tenpay.com"].location != NSNotFound) {

#warning 链接不要拼接redirect_url，如果拼接了还是会返回到浏览器的

//这里把webView设置成一个像素点，主要是不影响操作和界面，主要的作用是设置referer和调起微信

WebChatPayH5VIew*h5View = [[WebChatPayH5VIewalloc]initWithFrame:CGRectMake(0,0,1,1)];

//url是没有拼接redirect_url微信h5支付链接

[h5ViewloadingURL:url withIsWebChatURL:NO];

[self.viewaddSubview:h5View];

decisionHandler(WKNavigationActionPolicyCancel);

return;

}

#warning todo -处理支付宝h5支付返回问题

NSString *urlStr = [navigationAction.request.URL.absoluteString stringByRemovingPercentEncoding];

DLOG(@"urlStr == %@",urlStr);

NSLog(@"当前加载的webView  decidePolicyForNavigationAction:\n%@",webView.URL.absoluteString);

if([urlStrhasPrefix:@"alipayqr://"] || [urlStrisStartWithString:@"alipay"] || [urlStrhasPrefix:@"alipay://"]) {

NSMutableString* tmpUrlStr = urlStr.mutableCopy;

if([urlStrcontainsString:@"fromAppUrlScheme"]) {

NSDictionary* tmpDic = [selfdictionaryWithUrlString:tmpUrlStr];

DLOG(@"tmpDic == %@",tmpDic);

NSString* tmpValue = [tmpDicvalueForKey:@"fromAppUrlScheme"];

tmpUrlStr = [[tmpUrlStrstringByReplacingOccurrencesOfString:tmpValue withString:@"panda"] mutableCopy];

DLOG(@"tmpUrlStr == %@",tmpUrlStr);

tmpUrlStr = [[tmpUrlStrstringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding] mutableCopy];

}

NSURL * newURl = [NSURL URLWithString:tmpUrlStr];//navigationAction.request.URL;//[NSURL URLWithString:urlStr];//

[[UIApplication sharedApplication]openURL:newURl];

}

//如果是跳转一个新页面

if(navigationAction.targetFrame==nil) {

[webViewloadRequest:navigationAction.request];

}

decisionHandler(WKNavigationActionPolicyAllow);

self.loadUrl= webView.URL.absoluteString;

}

-(NSDictionary*)dictionaryWithUrlString:(NSString*)urlStr

{

if(urlStr && urlStr.length&& [urlStrrangeOfString:@"?"].length==1) {

NSArray *array = [urlStr componentsSeparatedByString:@"?"];

if(array && array.count==2) {

NSString*paramsStr = array[1];

if(paramsStr.length) {

//paramsStr解析出来的数据：{"soeNote":"电压高超标，当前值：390.78V，大于上上限值：350.0V","name":"电压"}

NSData *jsonData = [paramsStr dataUsingEncoding:NSUTF8StringEncoding];

NSDictionary *responseDic = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingMutableLeaves  error:nil];

DLOG(@"responseDic == %@",responseDic);

returnresponseDic;

}else{

returnnil;

}

}else{

returnnil;

}

}else{

returnnil;

}

}

###############################

WebChatPayH5VIew

#pragma mark - UIWebViewDelegate

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType {

NSURL*url = [requestURL];

NSString *newUrl = url.absoluteString;

if(!self.isLoading) {

if ([newUrl rangeOfString:@"weixin://wap/pay"].location != NSNotFound) {

NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];

[self.myWebViewloadRequest:request];

self.isLoading=YES;

returnNO;

}

}else{

if ([newUrl rangeOfString:@"weixin://wap/pay"].location != NSNotFound) {

self.myWebView=nil;

UIWebView *web = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 1, 1)];

[selfaddSubview:web];

NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];

[webloadRequest:request];

//            [[self getCurrentVC] showhide];

returnYES;

}

}

NSDictionary *headers = [request allHTTPHeaderFields];

BOOLhasReferer = [headersobjectForKey:@"Referer"] !=nil;

if(hasReferer) {

returnYES;

}else{

// relaunch with a modified request

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

dispatch_async(dispatch_get_main_queue(), ^{

NSURL*url = [requestURL];

NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];

//设置授权域名 就是你们商户申请H5时提交的授权域名.

[requestsetValue:@"channel.vk7201.com://" forHTTPHeaderField:@"Referer"];//www.aglhz.com://

[self.myWebView loadRequest:request];//http://channel.vk7201.com/front/register/index.html://

});

});

returnNO;

}

}

走到这一步，你就可以加载webView进行支付了，但是问题来了，不论是支付成功还是取消支付之后他都会跳转到Safari浏览器，而且打开的内容是就是你设置Referer时的授权域名http://www.xxx.com，这个家伙就是我们的公司的主页。

那么，怎么办呢，最后我们经过协商，只要能支付，不管支付成功或者取消支付，只要停留在微信界面就可以了，然后让用户点击右上角手动返回APP，这个是没有办法的办法了。然后Android那个哥们给我生成了一个weixin://wap/pay?prepayid%3Dwx201801151450335872c8f41a0452242290&package=122735683&noncestr=1515999038&sign=0b3590852e847b336e6f0187a0f56ab1这样的链接，这个链接是通过拦截webView访问获取的，然后我试了一下，可以支付，也停留在了微信，于是我高高兴兴的去尝试了一下。

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

我当时想要不用TFHpple解析HTML内容吧，但是仔细一想不行的，因为头部没有Referer，无法解析。最后实在没办法了，都准备放弃了，突然想到了设置scheme，既然我可以Safari可以打开APP，那么我这肯定也能做的。于是我又信心满满的开始我的实验了。

首先要设置scheme，假如scheme设置xxxx,那么你在Safari输入xxxx://就可以打开APP了。做到这就全部明白了，只要设置好Referer和我的scheme对应就行了，然后我开始实验：

Referer设置：http://www.xxx.com  scheme设置：http://www.xxx.com发现不行

我突然间发现是不是只要是带有h5的授权的域名就可以呢，于是我把公司的一个链接www.aglhz.com/sub_property_ysq/m/html/introduction.html设置成Referer之后我发现我还是能支付的，我擦，突然之间发现了一个新的大陆啊，太激动了，然后为了确保准确性进行了各种尝试，发现只要带有域名的都可以，然后我又进行了一个尝试：就是把http://去掉直接把Referer设置成：www.xxx.com，然后也是能支付的。这样就全部OK了，我把Referer设置成：www.xxx.com://这个样式的然后把scheme设置成：www.xxx.com这样的话支付成功或者取消支付都可以直接返回到APP了。

所以h5支付最终返回APP的解决方案是：把Referer设置成：www.xxx.com:// scheme设置成：www.xxx.com就可以直接返回APP了。

当然目前还没有解决多个APP同时使用同一个授权域名时，怎么返回APP的问题，多个APP使用h5支付的话会导致返回错乱的问题，如果哪位大神知道解决办法的话可以告诉我一下，谢谢！

同样你如果有多个APP被同一家客户使用的话，客户也同意用户点击左上角手动返回的话你可以这样设置Referer:  www.xxx.com/test://,这样的话你支付成功会直接停留在微信，不会造成返回APP错乱的问题。

由于大家都在问微信h5支付返回的问题，所以抽空写了一个demo，针对的是webVIew和WKWebVIewdemo地址。喜欢的朋友给个star。

如果有多个APP运用到h5支付的话，返回的Scheme设置是一个问题，在这里我给大家提供一篇文章，是解决多个APP返回的问题iOS实现微信外部H5支付完成后返回原APP(多APP也可实现)

微信审核通过需要3至5个工作日。

我们假设支付域名填写的  aaa.cn，注意是顶级域名，不是二级或三级的子域名。

由于这里是APP调起支付，不是网页H5发起支付，所以这里mweb_url值不需要再拼接上redirect_url参数。

然后移动端进行请求mweb_url，就会调起微信APP支付。

可能会出现以下问题：

“出现商家参数格式有误，请联系商家解决”

说明在请求mweb_url时referer为空导致，设置上就可以，这里我们设置最先在商户后台注册的aaa.cn的一个多级子域名，比如：b.aaa.cn。

如果不是设置商户后台注册的顶级域名的多级子域名，比如：b.ccc.cn。

就会出现“商家存在未配置的参数，请联系商家解决”异常。

那就把ccc.cn注册到商户后台就可以解决了。

到目前为止，你就可能正常支付了，但支付成功后，并不能正常跳回原APP，严重影响了用户体验。

解决方案：把referer设置成：b.aaa.cn://，scheme设置成：b.aaa.cn就可以直接返回APP了。

如是你只有一款APP使用此支付方式，那就可以到此为止了。

如果你有两款以上APP(比如X1,X2,X3),并都把referer设置成：b.aaa.cn://，scheme设置成：b.aaa.cn。

用户只安装了其中一款APP(X1)，此时支付能够成功，并能转回原APP，一点问题没有。如果同时安装了(X1,X2)，就会发现支付能够成功，但成功后页面静止，不能跳回原APP了，也严重影响了用户体验。

想到的第一个解决方案就是更改referer与scheme。

APPX1X2X3

refererb.aaa.cn/x1://b.aaa.cn/x2://b.aaa.cn/x3://

schemeb.aaa.cn/x1b.aaa.cn/x2b.aaa.cn/x3

通过测试发现不起作用。在网上搜索了很久也没有找到解决方案，感觉只能妥协了，牺牲点用户体验，让用户点击左上角返回原APP。

突然灵光一闪，微信商户后台即然让我们注册顶级域名，那是不是只要把referer与scheme设置成注册的顶级域名的多级子域名就可以了呢，如下：

APPX1X2X3

refererb1.aaa.cn://b2.aaa.cn://b3.aaa.cn://

schemeb1.aaa.cnb2.aaa.cnb3.aaa.cn

通过测试，完美运行。理论上这个解决方案可以支持无数个APP，也同时解决了微信开放平台APP支付的限制个数。

//支付宝h5支付返回页面

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

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

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

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

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

/** * 支付接口

* *@paramorderStr 订单信息

*@paramschemeStr  调用支付的app注册在info.plist中的scheme

*@paramcompletionBlock 支付结果回调Block，用于wap支付结果回调(非跳转钱包支付) */

- (void)payOrder:(NSString *)orderStr fromScheme:(NSString *)schemeStr callback:(CompletionBlock)completionBlock;

最终打开支付宝APP都会走 [UIApplicationsharedApplication] openURL:]

#import

#import

@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

"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，是不是很惊喜。

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，即终止这次请求。

应该是判断fromAppUrlScheme这个key是否存在，存在则替换其值，不存在则追加

代码如下：

NSString *urlStr = [navigationAction.request.URL.absoluteString stringByRemovingPercentEncoding];

DLOG(@"urlStr == %@",urlStr);

NSLog(@"当前加载的webView  decidePolicyForNavigationAction:\n%@",webView.URL.absoluteString);

if([urlStrhasPrefix:@"alipayqr://"] || [urlStrisStartWithString:@"alipay"] || [urlStrhasPrefix:@"alipay://"]) {

NSMutableString* tmpUrlStr = urlStr.mutableCopy;

if([urlStrcontainsString:@"fromAppUrlScheme"]) {

NSDictionary* tmpDic = [selfdictionaryWithUrlString:tmpUrlStr];

DLOG(@"tmpDic == %@",tmpDic);

NSString* tmpValue = [tmpDicvalueForKey:@"fromAppUrlScheme"];

tmpUrlStr = [[tmpUrlStrstringByReplacingOccurrencesOfString:tmpValue withString:@"panda"] mutableCopy];

DLOG(@"tmpUrlStr == %@",tmpUrlStr);

tmpUrlStr = [[tmpUrlStrstringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding] mutableCopy];

}

NSURL * newURl = [NSURL URLWithString:tmpUrlStr];//navigationAction.request.URL;//[NSURL URLWithString:urlStr];//

[[UIApplication sharedApplication]openURL:newURl];

}

-(NSDictionary*)dictionaryWithUrlString:(NSString*)urlStr

{

if(urlStr && urlStr.length&& [urlStrrangeOfString:@"?"].length==1) {

NSArray *array = [urlStr componentsSeparatedByString:@"?"];

if(array && array.count==2) {

NSString*paramsStr = array[1];

if(paramsStr.length) {

//paramsStr解析出来的数据：{"soeNote":"电压高超标，当前值：390.78V，大于上上限值：350.0V","name":"电压"}

NSData *jsonData = [paramsStr dataUsingEncoding:NSUTF8StringEncoding];

NSDictionary *responseDic = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingMutableLeaves  error:nil];

DLOG(@"responseDic == %@",responseDic);

returnresponseDic;

}else{

returnnil;

}

}else{

returnnil;

}

}else{

returnnil;

}

}

作者：CocoaKier

链接：https://www.jianshu.com/p/0d8dd04fe94e