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

简介: 为了节约开发成本,很多Native-H5混合App采用手机网站支付的方式去实现支付模块。但手机网站支付的网络依赖比较严重,也通常需要经过更多的验证,这种种原因导致手机网站支付的成功率比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中,增加以下依赖:

h5alipay.png

注意:

如果是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 交流

如果哪里有什么不对或者不足的地方,还望读者多多提意见或建议

如需转载请联系我,经过授权方可转载,谢谢

目录
相关文章
thinkphp6.0 集成Alipay 手机和电脑端支付的方法
第一步   下载 Alipay 的PHP SDK :https://docs.open.alipay.com/54/103419/ 第二步   解压下载都到的压缩包:   解压后得到的文件内容如图    第三步、上传得到的目录中的 aop 文件夹到 thinkphp 6.
6209 0
手机网站支付quit_url参数详解
一、quit_url参数说明   quit_url参数是手机网站支付用于在H5页面收银台中添加返回按钮的,但是该参数只有在支付的时候唤起H5收银台才会生效,对于唤起支付宝钱包支付是不生效的。 二、传参以及调用示例   传值代码示例: AlipayClient alipayClient = new DefaultAlipayClient("https://openapi.
2840 0
|
6月前
|
Web App开发 Android开发
FFmpeg开发笔记(四十六)利用SRT协议构建手机APP的直播Demo
实时数据传输在互联网中至关重要,不仅支持即时通讯如QQ、微信的文字与图片传输,还包括音视频通信。一对一通信常采用WebRTC技术,如《Android Studio开发实战》中的App集成示例;而一对多的在线直播则需部署独立的流媒体服务器,使用如SRT等协议。SRT因其优越的直播质量正逐渐成为主流。本文档概述了SRT协议的使用,包括通过OBS Studio和SRT Streamer进行SRT直播推流的方法,并展示了推流与拉流的成功实例。更多细节参见《FFmpeg开发实战》一书。
99 1
FFmpeg开发笔记(四十六)利用SRT协议构建手机APP的直播Demo
|
8月前
|
Web App开发 移动开发 编解码
FFmpeg开发笔记(三十二)利用RTMP协议构建电脑与手机的直播Demo
本文讨论了实时数据传输在互联网中的重要性,如即时通讯和在线直播。一对一通信通常使用WebRTC技术,但一对多直播需要流媒体服务器和特定协议,如RTSP、RTMP、SRT或RIST。RTMP由于其稳定性和早期普及,成为国内直播的主流。文章通过实例演示了如何使用OBS Studio和RTMP Streamer进行RTMP推流,并对比了不同流媒体传输协议的优缺点。推荐了两本关于FFmpeg和Android开发的书籍以供深入学习。
137 0
FFmpeg开发笔记(三十二)利用RTMP协议构建电脑与手机的直播Demo
|
编解码 应用服务中间件 nginx
手机直播源码开发,协议讨论篇(三):RTMP实时消息传输协议
通过今天的讨论,大家都不难看出,RTMP协议是手机直播源码平台不可或缺的协议之一,为用户提供了低延迟、高质量的直播体验,也为平台带来了用户,增加了收益。
手机直播源码开发,协议讨论篇(三):RTMP实时消息传输协议
|
C# 开发工具
新版支付宝手机支付流程_C#版
新版支付宝手机支付流程_C#版
212 0
手机网站支付如何实现多账号收款
为了保证商家资金安全,目前暂未开放手机网站支付的多账号收款的功能。即无法用seller_id来指定多个账号来收款。
398 12
手机网站支付之对账篇
场景介绍 商户接入了手机网站支付后,想通过接口下载指定日期(当天除外)的业务明细账单文件,并结合自身业务系统,从而实现对账功能,为此,我们提供了查询对账单下载地址接口作为辅助,本接口支持appid所对应PID下所有的交易记录对账,下面小编就为您讲解简单的接入调用流程: 接口调用流程    1.商户系统调用查询对账单下载地址接口alipay.data.dataservice.bill.downloadurl.query,传入指定日期,获得该日期账单文件的下载地址。
923 12
|
移动开发
手机网站支付使用钱包支付成功后跳转回同步页面又再次唤起了H5登录页面问题
说明:   很多商户在调用手机网站支付接口用户支付成功返回同步页面有再次唤起了H5支付的登录页面,这里和大家分享一下出现这个问题的原因。 一、手机支付宝APP没有登录造成,示例如下:   用户支付唤起支付宝钱包,但是支付宝钱包没有登录账户,如下图:   唤起支付宝出现登录页面如下图:  点击登录:   登录成功唤起收银台:  支付成功后点击左上角返回(安卓默认自动跳转到同步跳转页面,iOS需手动点击返回):  返回到同步跳转页面后,再次唤起H5登录页面:   如果出现登录这种问题,用户只要登录成功一次就不会再次出现这种情况。
2109 12
服务商如何替商户发起手机网站支付收款
目前手机网站支付并未对外开放第三方授权及返佣的功能。故若想代替商户发起手机网站支付的收款请求,需要您将pid/appid和seller_id(可不填,默认PID/appid对应的账号)都设置成商户的账号,否则设置成服务商自己的账号有可能报没权限的错误。
616 12

热门文章

最新文章