美文网首页iOS技术集移动开发iOS 开发每天分享优质文章
iOS 手机网站支付转Native支付(使用WKUIDelega

iOS 手机网站支付转Native支付(使用WKUIDelega

作者: Swift社区 | 来源:发表于2017-07-04 13:43 被阅读616次

为了节约开发成本,很多Native-H5混合App采用手机网站支付的方式去实现支付模块。但手机网站支付的网络依赖比较严重,也通常需要经过更多的验证,这种种原因导致手机网站支付的成功率比Native支付低,对商户的利益造成影响。

官方使用方法,UIWebViewDelegate协议
下面我就给大家介绍一下使用WKUIDelegate协议怎么解决手机网站支付转Native支付:

一:sdk导入流程请查看

二:使用说明:
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) {
                
                NSString *orderInfo = [[AlipaySDK defaultService]fetchOrderInfoFromH5PayUrl:navigationAction.request.URL.absoluteString];
                NSLog(@"orderInfo----%@",orderInfo);
                
                if (orderInfo.length > 0) {
                    // 调用支付接口进行支付
                    [[AlipaySDK defaultService]payUrlOrder:orderInfo fromScheme:@"alisdkdemo" callback:^(NSDictionary* result) {
                        // 处理返回结果
                        NSString* resultCode = result[@"resultCode"];
                        //建议操作: 根据resultCode做处理
                        
                        NSLog(@"%@",resultCode);
                        
                        // returnUrl 代表 第三方App需要跳转的成功页URL
                        NSString* returnUrl = result[@"returnUrl"];
                        
                        NSLog(@"第三方url----%@",returnUrl);
                        //建议操作: 打开returnUrl
                    }];
                    
                }
                
            }];
        }
    } 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技术交流群:668562416

相关文章

网友评论

  • f813a3417ebb:楼主,为什么我调用完支付宝的fetchOrderInfoFromH5PayUrl方法后获取到的orderinfo是空的
    Swift社区:@五芳斋 加qq:446613117,截图看一下你的源码是怎么写的。
    f813a3417ebb:@展菲 拦截到的URL是 https://mclient.alipay.com/cashier/mobilepay.htm?alipay_exterface_invoke_assign_target=invoke_f1eb17779bc212975623465215e7ea79&alipay_exterface_invoke_assign_sign=k_a3_ffuruhj_o_p_h_ts_o7kr/3a_nm5_c_z_j_fv_m_q_ybz7ub1ozf_m929_ach_h_f_nz_a==这种,需要过滤什么呢
    Swift社区:@五芳斋 应该是URL有问题,做个判断过滤一下URL
  • 微冷丶:我也是调不了,急QAQ
    微冷丶:@微冷丶 decisionHandler(WKNavigationActionPolicyAllow);报错的位置
    微冷丶:@L展菲Q emmmm,就是按你方法写进去然后报错,libc++abi.dylib: terminating with uncaught exception of type NSException,试了好多次了QAQ
    Swift社区:具体说说,你遇到的是什么问题?
  • 56cdd803ee4a:为什么我按照步骤来的,还是调不是支付
    Swift社区:你加扣扣446613117,截图我看看什么情况?
  • 3f20cd9d45ed:您好,这个是要通过Safari打开吗?
    Swift社区:代码中混编,使用的是h5页面,也是可以的,原理都是一样的
    Swift社区:是在app中打开的,扫描二维码,进入网页支付
  • devleoper_rui:能进回调吗
    Swift社区:是有回调的,支付页面返回的result就可以拿到支付结果

本文标题:iOS 手机网站支付转Native支付(使用WKUIDelega

本文链接:https://www.haomeiwen.com/subject/wpzthxtx.html