WKUIDelegate协议 - 手机网站支付转Native支付

一：介绍

为了节约开发成本，不少Native-H5混合App采用手机网站支付的方式去实现支付模块。但手机网站支付的网络依赖比较严重，也一般须要通过更多的验证，这种种缘由致使手机网站支付的成功率比Native支付低，对商户的利益形成影响。

官方文档使用的是UIWebViewDelegate协议

二：新旧版本区别

1. 旧版本

获取到的url order info，从h5连接中获取订单串接口函数以下：

- (NSString*)fetchOrderInfoFromH5PayUrl:(NSString*)urlStr;
- (void)payUrlOrder:(NSString *)orderStr
         fromScheme:(NSString *)schemeStr
           callback:(CompletionBlock)completionBlock;
复制代码

上面两个函数自版本15.4.0起已废弃。

2. 新版本

新版本推荐使用下面方法

/**
 *  从h5连接中获取订单串并支付接口（自版本15.4.0起，推荐使用该接口）
 *
 *  @param urlStr     拦截的 url string
 *
 *  @return YES为成功获取订单信息并发起支付流程；NO为没法获取订单信息，输入url是普通url
 */
- (BOOL)payInterceptorWithUrl:(NSString *)urlStr
                   fromScheme:(NSString *)schemeStr
                     callback:(CompletionBlock)completionBlock;
复制代码

旧版本在官方推荐的UIWebViewDelegate协议中使用，暂时没有遇到问题。

若是在WKUIDelegate协议中使用fetchOrderInfoFromH5PayUrl函数，得到的获取到的url order info为空，没法调起支付。

下面我就给你们介绍一下使用WKUIDelegate协议怎么解决手机网站支付转Native支付。

三：SDK导入流程

1.下载sdk

把iOS包中的压缩文件中如下文件拷贝到项目文件夹下，并导入到项目工程中。

AlipaySDK.bundle
AlipaySDK.framework
复制代码

2.添加依赖

在Build Phases选项卡的Link Binary With Libraries中，增长如下依赖：

注意：

若是是Xcode 7.0以后的版本，须要添加libc++.tbd、libz.tbd。

若是是Xcode 7.0以前的版本，须要添加libc++.dylib、libz.dylib。

四：使用说明：

1.头文件引用

在须要调用AlipaySDK的文件中，增长头文件引用。

#import <AlipaySDK/AlipaySDK.h>

#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
@interface ViewController ()<WKNavigationDelegate,WKUIDelegate>

@property (weak, nonatomic) WKWebView *webView;
//进度条
@property (weak, nonatomic) CALayer *progresslayer;

@end
复制代码

//初始化

- (void)stopRunning{
    
    WKWebView *webView = [[WKWebView alloc]initWithFrame:CGRectMake(0, 64, SCREEN_WIDTH, SCREEN_HEIGHT-64)];
    
    [self.view addSubview:webView];
    self.webView = webView;
    
    webView.navigationDelegate = self;
    webView.UIDelegate = self;
    
    //添加属性监听
    [webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
    
    //进度条
    UIView *progress = [[UIView alloc]initWithFrame:CGRectMake(0, 64, CGRectGetWidth(self.view.frame), 3)];
    progress.backgroundColor = [UIColor clearColor];
    [self.view addSubview:progress];
    CALayer *layer = [CALayer layer];
    layer.frame = CGRectMake(0, 0, 0, 3);
    layer.backgroundColor = [UIColor blueColor].CGColor;
    [progress.layer addSublayer:layer];
    self.progresslayer = layer;
    [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:_customLabel.text]]];
     
}
复制代码

2.调用接口

[[AlipaySDK defaultService]fetchOrderInfoFromH5PayUrl:url]
复制代码

3.实现WKUIDelegate协议，拦截H5的URL

若是返回的resultCode为9000，接入方能够提示用户支付成功；

返回结果不是9000的状况，无需作任何处理。若是returnUrl不为空，建议接入方跳转到该returnUrl。

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    
    decisionHandler(WKNavigationActionPolicyAllow);//容许跳转
    
    NSLog(@"%@",navigationAction.request.URL.absoluteString);
    
    if ([navigationAction.request.URL.absoluteString hasPrefix:@"alipay://alipayclient/"]) {
        decisionHandler(WKNavigationActionPolicyCancel);
        
        if ([[UIApplication sharedApplication] canOpenURL:navigationAction.request.URL]) {
            [[UIApplication sharedApplication] openURL:navigationAction.request.URL options:@{UIApplicationOpenURLOptionUniversalLinksOnly: @NO} completionHandler:^(BOOL success) {
                
                __weak APWebViewController* wself = self;
                BOOL isIntercepted = [[AlipaySDK defaultService] payInterceptorWithUrl:[navigationAction.request.URL absoluteString] fromScheme:@"alisdkdemo" callback:^(NSDictionary *result) {
                    // 处理支付结果
                    NSLog(@"%@", result);
                    // isProcessUrlPay 表明 支付宝已经处理该URL
                    if ([result[@"isProcessUrlPay"] boolValue]) {
                        // returnUrl 表明 第三方App须要跳转的成功页URL
                        NSString* urlStr = result[@"returnUrl"];
                        [wself loadWithUrlStr:urlStr];
                    }
                }];
                
                if (isIntercepted) {
                    
                    NSLog(@"URL非支付宝支付URL");
                }
                
                
            }];
        }
    } else {
        decisionHandler(WKNavigationActionPolicyAllow);
    }
}
复制代码

4.支付结果回调处理

支付宝客户端返回url处理方法，在AppDelegate.m文件中，增长头文件引用

#import <AlipaySDK/AlipaySDK.h>
复制代码

在@implementation AppDelegate中增长以下代码：

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
 
    //若是极简开发包不可用，会跳转支付宝钱包进行支付，须要将支付宝钱包的支付结果回传给开发包
    if ([url.host isEqualToString:@"safepay"]) {
        [[AlipaySDK defaultService] processOrderWithPaymentResult:url standbyCallback:^(NSDictionary *resultDic) {
    //【因为在跳转支付宝客户端支付的过程当中，商户app在后台极可能被系统kill了，因此pay接口的callback就会失效，请商户对standbyCallback返回的回调结果进行处理,就是在这个方法里面处理跟callback同样的逻辑】
            NSLog(@"result = %@",resultDic);
        }];
    }
    if ([url.host isEqualToString:@"platformapi"]){//支付宝钱包快登受权返回authCode
  
        [[AlipaySDK defaultService] processAuthResult:url standbyCallback:^(NSDictionary *resultDic) {
            //【因为在跳转支付宝客户端支付的过程当中，商户app在后台极可能被系统kill了，因此pay接口的callback就会失效，请商户对standbyCallback返回的回调结果进行处理,就是在这个方法里面处理跟callback同样的逻辑】
            NSLog(@"result = %@",resultDic);
        }];
    }
    return YES;
}
复制代码

关注 【网罗开发】微信公众号，网罗天下方法，方便你我开发，更多iOS技术干货等待领取，全部文档会持续更新，欢迎关注一块儿成长！

但愿能够帮助你们，若有问题可加QQ群: 668562416 交流

若是哪里有什么不对或者不足的地方，还望读者多多提意见或建议

如需转载请联系我，通过受权方可转载，谢谢