本文只讨论已成功调起微信支付后,无法返回自己的APP的问题,iOS微信H5支付不在讨论范围内。提供下列参考:
微信H5支付官方文档
微信H5支付官方Demo
知道你们都喜欢看结论,先放结论吧!此方案支付多APP
解决方案:
- 在微信支付管理后台注册一级域名,比如 company.com
- 在APP工程配置中设置URL Scheme,比如 A.company.com(A你可以随便写,后面的域名得和1.中一致)
- 在webView代理方法中拦截微信下单请求(注意是下单请求不是下单返回结果!!!),在这个请求的基础上生成新的请求,新的请求追加或修改参数redirect_url为你的URLScheme,即redirect_url=URLEncode(A.company.com://),cancel掉原来的请求,webView加载这个新的请求。
具体的:
需要拦截的请求前缀为,https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb
UIWebView在 webView:shouldStartLoadWithRequest:navigationType: 代理方法中拦截
WKWebView在 webView:decidePolicyForNavigationAction:decisionHandler: 代理方法中拦截
//以WKWebView为例(其实我很不想贴代码的,无奈问的人太多)
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
NSURLRequest *request = navigationAction.request;
NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";
if ([request.URL.absoluteString hasPrefix:wxPre]) {
NSMutableURLRequest *newRequest = [[NSMutableURLRequest alloc] init];
newRequest.allHTTPHeaderFields = request.allHTTPHeaderFields;
NSString *newURLStr = nil;
//TODO: 对newURLStr追加或修改参数redirect_url=URLEncode(A.company.com://)
newRequest.URL = [NSURL URLWithString:newURLStr];
[webView loadRequest:request];
decisionHandler(WKNavigationActionPolicyCancel);
}
decisionHandler(WKNavigationActionPolicyAllow);
}
- (可选)微信支付结束(可能不是真正结束后面会细说)会发起redirect_url的重定向,webView拦截 request.URL.scheme 包含 company.com:// 的请求,在这里可以做一些后续操作,比如 刷新页面,通知前端支付完成等。如果支付跳转后出现白屏问题,可以在这里处理,比如干掉webView或刷新。
需要注意的问题:
- 微信H5下单接口(https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb)请求header中有个Referer字段,如果这个请求中没有redirect_url参数,微信支付结束后默认回调Referer字段中地址
- Referer头和redirect_url中的域名,都必须在微信后台注册过
- redirect_url回调并不可靠,可能微信支付还没结束就回调了。
微信官方文档对redirect_url的描述:
由于设置redirect_url后,回跳指定页面的操作可能发生在:1,微信支付中间页调起微信收银台后超过5秒 2,用户点击“取消支付“或支付完成后点“完成”按钮。因此无法保证页面回跳时,支付流程已结束,所以商户设置的redirect_url地址不能自动执行查单操作,应让用户去点击按钮触发查单操作
2018.6.14更新:
很多人私信问我白屏的问题
按我的方案流程应该是这样的:
1.APPH5页面点击购买,跳到微信,APPH5白屏
2.微信点击取消或购买完成,直接跳回APP,此时APPH5仍是白屏
(注意,上述过程都是没有进入Safari的)
3.关闭webView
白屏是需要你自己额外处理的:
只要是跳回到APP就算是支付结束(可能成功可能失败),你需要在支付结束后处理webView。
这里有两件事:一是怎能判断支付结束;二是如何处理webView。
怎么判断支付结束:一种方案是在webView的webView:shouldStartLoadWithRequest:navigationType:代理方法中监听
if ([request.URL.scheme rangeOfString:@"company.com"].length!=0) {
//微信支付结束后会进入这里(注意:这里并不可靠,跳入微信5s后就会回调这里)
//TODO: 处理webView,比如干掉或重定向到别的URL
return NO;
}
另一种方案是在AppDelegate中处理(我下面的代码逻辑写的并不健壮,只是提供思路,请自行完善)
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(nullable NSString *)sourceApplication annotation:(id)annotation
{
if ([url.scheme rangeOfString:@"company.com"].length!=0) {
//TODO: 处理webView
}
return YES;
}
怎么处理webView:根据你自己的业务需求进行处理。楼主是直接关闭webView了。比如你可能需要展示支付结果,那你就让webView重定向到支付结果页面,只是个思路,请自行实现。
如果你有更好的方案来避免白屏,请在评论中指出或私信我,谢谢!
本文已被百度收录,谢谢大家的支持!如果喜欢请点赞或评论,让更多的人看到,谢谢!
转载请注明出处,谢谢!
参考链接:
iOS 解决微信h5支付无法直接返回APP的问题
iOS实现微信外部H5支付完成后返回原APP(多APP也可实现)
网友评论
因为WKWebView的请求只能处理一次,之前代码写的有问题,已经WKNavigationActionPolicyCancel后在调用WKNavigationActionPolicyAllow就会崩溃。
webview里怎么写啊。没明白什么意思
你可以在跳出APP前往微信时把webView关闭,也就是发起微信支付时就关闭,这也是比较建议的做法。
其它的方案请按我文章中操作,如果文章中的方法也帮不了你,那我也没办法了。
https://gitee.com/Javen205/IJPay