h5支付不能打开支付宝 ios_iOS实现H5支付(微信、支付宝)原生封装

最新推荐文章于 2021-04-09 09:55:26 发布
最新推荐文章于 2021-04-09 09:55:26 发布
阅读量734 收藏
点赞数
文章标签： h5支付不能打开支付宝 ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39897070/article/details/111483767
版权
本文介绍了如何在iOS中封装H5支付，使其成为原生可调用组件，避免集成支付SDK。文章详细阐述了微信和支付宝的H5支付流程，并提供了代码实现，包括统一的支付请求处理和异常处理。虽然支付宝支付流程修改后不支持网页支付，但实现了从H5到原生支付的平滑过渡。
摘要由CSDN通过智能技术生成

前言

支付分APP支付、H5支付、扫码支付等。app支付一般在app中使用，并且需要集成相应的支付SDK，H5支付多用于网页。如果你的APP不想集成支付SDK,又想实现支付功能，你可以在项目中使用H5支付。本文主要讲述如何将H5支付封装成一个原生可调用的组件。

1.H5支付流程

注：以下为网页H5支付流程，原生调用需要修改部分流程

1.1 微信支付

统一下单，获取微信中间页地址mweb_url

页面重定向到微信中间页

微信中间页发起支付请求

safari浏览器拦截支付请求打开微信APP开始支付(如果在app中，需要在shouldStartLoadWithRequest:方法里面拦截支付请求，并打开微信)

微信中间页重新向到redirect_url

1.2 支付宝支付

发起网页支付请求，H5为一个form表单提交。

页面重定向到支付宝收银台页面

发起APP支付请求，并且开始倒计时，如果打开支付宝超时页面跳转到网页支付界面，如果唤起支付宝，倒计时结束。

支付完毕页面跳转到return_url页面，需用户手动触发。

2.原生封装思路

新开一个webView加载支付中间页，拦截中间页支付请求并唤起支付，然后关闭webView流程结束。

webView需要加到window(或者当前控制器的view上)，并设置一个大小(肉眼不可见就行)。因为使用wkwebview时，webView不显示的情况下，H5请求会被挂起，会导致支付宝页面不能唤起支付请求。

3.代码实现

具体步骤见代码注释

@interface HJH5WebPayManager()

@property (nonatomic,strong) UIWebView *payWebview;

@property (nonatomic,strong) void(^sendPayResult)(HJH5SendWebPayResult);

@end

@implementation HJH5WebPayManager

+(instancetype)sharedInstance{

static dispatch_once_t once ;

static HJH5WebPayManager *_instace = nil;

dispatch_once(&once, ^{

_instace = [[self alloc] init];

});

return _instace;

}

-(void)loadWebPayTransitionPage:(NSString *)html handleBlock:(void (^)(HJH5SendWebPayResult))handle{

NSMutableURLRequest *request = nil;

if ([html hasPrefix:@"https://wx.tenpay.com"]) {

//微信安全域名

NSString *wxScheme = @"";

NSString *referer = [NSString stringWithFormat:@"%@://",wxScheme];

//将redirect_url替换成scheme,微信支付完毕才能跳回APP，否则会打开Safari浏览器(因为redirect_url一般为一个HTTP的地址)

NSRange range = [html rangeOfString:@"redirect_url="];

NSString *reqUrl;

if (range.length>0) {

reqUrl = [html substringToIndex:range.location+range.length];

reqUrl = [reqUrl stringByAppendingString:referer];

}else{

reqUrl = [html stringByAppendingString:[NSString stringWithFormat:@"&redirect_url=%@",referer]];

}

request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:reqUrl] cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];

//设置授权域名，伪造Referer头，因为微信中间页会检验Referer头，并且Referer对应的值需要包含安全域名

[request setValue:referer forHTTPHeaderField:@"Referer"];

if (self.payWebview) {

[self.payWebview removeFromSuperview];

self.payWebview = nil;

}

self.payWebview = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 0.1, 0.1)];

self.sendPayResult = handle;

[[UIApplication sharedApplication].keyWindow addSubview:self.payWebview];

self.payWebview.delegate = self;

[self.payWebview loadRequest:request];

}else if ([html hasPrefix:@"

//如果是支付宝，html对应的应该是一段form表单提交脚本，需要调用loadString方法加载

if (self.payWebview) {

[self.payWebview removeFromSuperview];

self.payWebview = nil;

}

self.payWebview = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 0.1, 0.1)];

self.sendPayResult = handle;

[[UIApplication sharedApplication].keyWindow addSubview:self.payWebview];

self.payWebview.delegate = self;

NSString *payStr = html;

NSString *htmlString = [NSString stringWithFormat:@"htmlString: \n"

"

\n"

" \n"

"

"body {font-size:16px;}\n"

" \n"

" \n"

"

"

"%@"

""

"",payStr];

[self.payWebview loadHTMLString:htmlString baseURL:nil];

}else{

//非法html,返回错误

handle(HJH5SendWebPayResultOther);

return;

}

//容错处理，20秒没唤起支付，当错误处理。

__weak typeof(self) weakSelf = self;

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(20 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

if (weakSelf.sendPayResult) {

weakSelf.sendPayResult(HJH5SendWebPayResultOther);

}

[weakSelf endPayment];

});

}

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error{

//页面加载失败，返回错误

if (self.sendPayResult) {

self.sendPayResult(HJH5SendWebPayResultLoadFail);

}

[self endPayment];

}

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

NSURL *url = request.URL;

NSString *newUrl = url.absoluteString;

//拦截微信支付请求，并打开微信

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

//判断是否能打开微信

if ([[UIApplication sharedApplication] canOpenURL:url]) {

if (@available(iOS 10.0, *)){

[[UIApplication sharedApplication] openURL:url options:@{} completionHandler:nil];

}else{

[[UIApplication sharedApplication] openURL:url];

}

if (self.sendPayResult) {

self.sendPayResult(HJH5SendWebPayResultSuccess);

}

[self endPayment];

}else{

if (self.sendPayResult) {

self.sendPayResult(HJH5SendWebPayResultSendFail);

}

[self endPayment];

}

return NO;

}else if([newUrl rangeOfString:@"alipay://alipayclient/?"].location != NSNotFound){

//拦截支付宝支付请求，并且替换fromAppUrlScheme参数为当前APP的scheme,实现支付完毕返回APP功能。

NSString *aliScheme = @"支付宝支付scheme,支付完毕可通过scheme返回到当前APP";

newUrl = [HJStringHelper decodeURL:newUrl];

NSString *parameterString = [newUrl stringByReplacingOccurrencesOfString:@"alipay://alipayclient/?" withString:@""];

NSError *error = nil;

id dict = [NSJSONSerialization JSONObjectWithData:[parameterString dataUsingEncoding:NSUTF8StringEncoding] options:NSJSONReadingMutableContainers error:&error];

if (!error) {

if ([dict isKindOfClass:[NSMutableDictionary class]]) {

dict[@"fromAppUrlScheme"] = aliScheme;

NSData *jsonData = [NSJSONSerialization dataWithJSONObject:dict options:NSJSONWritingPrettyPrinted error:&error];

if (!error) {

parameterString = [HJStringHelper escapeURL:[[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding]];

NSString *payUrl = [NSString stringWithFormat:@"alipay://alipayclient/?%@",parameterString];

dispatch_async(dispatch_get_main_queue(), ^{

//判断是否能打开支付宝

if ([[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:payUrl]]) {

if (@available(iOS 10.0, *)){

[[UIApplication sharedApplication] openURL:[NSURL URLWithString:payUrl] options:@{} completionHandler:nil];

}else{

[[UIApplication sharedApplication] openURL:[NSURL URLWithString:payUrl]];

}

if (self.sendPayResult) {

self.sendPayResult(HJH5SendWebPayResultSuccess);

}

[self endPayment];

}else{

if (self.sendPayResult) {

self.sendPayResult(HJH5SendWebPayResultSendFail);

}

[self endPayment];

}

});

}

}

}

return NO;

}else{

return YES;

}

}

-(void)endPayment{

self.sendPayResult = nil;

[self.payWebview removeFromSuperview];

self.payWebview = nil;

}

@end

3.1入参说明

调用该方法唤起支付-(void)loadWebPayTransitionPage:(NSString *)html handleBlock:(void (^)(HJH5SendWebPayResult))handle.

其中html为微信中间页地址和支付宝form表单脚本。如：

微信： https://wx.tenpay.com ？xxxx

支付宝：

见1.H5支付流程，微信下单之后可以获取中间页地址，支付则需要form表单提交加载中间页。

3.2错误处理

typedef NS_ENUM(NSUInteger,HJH5SendWebPayResult) {

HJH5SendWebPayResultSuccess = 0, //唤起登录成功

HJH5SendWebPayResultLoadFail, //支付页面加载失败

HJH5SendWebPayResultSendFail, //调起支付失败，可能是没添加未安装微信或者支付宝

HJH5SendWebPayResultOther //其他

};

支付请求发送成功则表示这次H5支付发起完成，具体支付结果需要查询后台获得。所以需要对一些异常情况进行处理，比如页面加载失败，微信或支付宝未安装等异常进行处理。

4.说明

这种方案可以统一微信和支付宝H5支付的流程，并且隐式地显示支付中间页，不会影响H5单页面应用的路由。APP不需要集成支付SDK，可以绕过苹果扫描代码。

由于支付宝支付流程改成和微信一样，所以支付宝网页支付功能被砍掉，只能通过打开支付宝APP去支付。这也是这种方案的不足之处。

到此这篇关于iOS实现H5支付(微信、支付宝)原生封装的文章就介绍到这了,更多相关iOS H5支付内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

weixin_39897070
关注
网页支付宝支付，通过form表单提交，在苹果手机上无法跳转
fx9091的博客
12-19 1479
1.首先判读是否为ios系统 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 2.判断...
python Django drf pc端支付宝支付
白小白的小白的博客
09-30 1462
支付宝支付其实就是两步，首先，前端向后端请求订单(预付单)，然后拿到订单之后请求后端去支付，后端自己去配置一些参数，然后将一个url返回给前端，前端拿到url去请求，就会返回一个支付宝二维码，用户扫码成功之后，会向请求后端的一个接口去返回支付接口，如果后端验签成功，修改订单状态即可 参考：支付宝开发文档 支付宝第三方sdk class PaymentView(CreateAPIView, UpdateAPIView): """订单支付""" permission_classes =.
PHP开发之微信公众号中进行支付宝支付
dreamboycs的博客
11-09 732
想必很多人都有过要在微信公众号中进行支付宝支付的经历，但是微信又屏蔽了阿里系所有的东西，网上百度了很多，都没有完整的解决方案，可谓万坑丛中过啊。刚刚踩完坑的袁小威就迫不及待的分享给大家咯。 切入正题，其实支付宝官方就微信公众号中使用支付宝支付是给出了解决方案的【微信公众平台无法使用支付宝收付款的解决方案】，有DEMO可供下载下载参考，因此，袁小威基于官方提供的DEMO来实现了微信公众号中进行支付宝支付。 调用支付宝手机网站支付服务端SDK部分可以下载官方DEMO来实现【各语言服务端SDK】，首先在支付配置文
vue H5支付（支付宝篇）
我灰灰凭啥输
07-27 2537
IOS无法打开支付页面问题h5支付一般是后台写好接口，提交订单，后台返回一个支付宝form表单，表单格式如下：解决IOS不能跳转支付页面问题 h5支付一般是后台写好接口，提交订单，后台返回一个支付宝form表单，表单格式如下： 提交订单页面（home.vue） this.payUrl = res.data.data.payUrl //form表单 console.log(this.payUrl) // <form id='alipaysubmit' name='al
iOS/Android 浏览器(h5)及微信中唤起本地APP
weixin_34194551的博客
07-31 414
在移动互联网，链接是比较重要的传播媒质，但很多时候我们又希望用户能够回到APP中，这就要求APP可以通过浏览器或在微信中被方便地唤起。 这是一个既直观又很好的用户体验，但在实现过程中会遇到各种问题： 如何解决未安装APP时的做好引导页 如何在微信中唤醒APP 在iOS9中如何处理universal link被用户误关的情况 如何解决An...
兼容 iOS 9 Safari 的应用跳转方案探索
juner_ge的专栏
11-30 767
很多做 web 开发的一定遇到过这种需求：点一个链接或按钮时，如果装了应用，就用该应用打开；没装的时候，iOS 跳 App Store 下载，Android 直接下载 apk 包。 在做读读日报的时候，就被这玩意花费了好长时间；然而 iOS 9 发布后，方案又失效了，于是又折腾了我几个小时。 首先做个科普，浏览器是无法知道应用有没有安装的。 应用可以设置一个（或多个）自己能打开自定义 U
iOS实现H5支付(微信、支付宝)原生封装
08-24
以上就是iOS实现H5支付（微信、支付宝）原生封装的主要步骤和技术点。通过这种方式，开发者可以轻松地在应用中集成H5支付功能，而无需直接引入微信和支付宝的SDK，降低了项目复杂度，同时也提高了用户体验。在实际...
iOS 原生加载微信支付链接跳转支付宝方法封装
07-09
通过以上步骤，你可以在iOS原生应用中实现从微信支付链接无缝跳转到支付宝支付的功能。在实际开发中，可能还会遇到其他问题，比如用户未安装微信或支付宝、系统权限限制等，需要根据实际情况进行适配和优化。
iOS 原生加载支付宝支付链接跳转支付宝方法封装
07-09
本文将深入探讨如何在原生iOS应用中实现加载支付宝支付链接，并通过WKWebView进行安全的页面跳转。首先，我们需要了解iOS与支付宝API的交互流程。 1. **集成准备**： - 在支付宝开放平台上注册并创建应用，获取...
iOS支付组件封装（微信，支付宝，银联）
03-26
这意味着开发者可能需要处理H5、原生iOS应用以及小程序间的支付互通问题，确保在各种场景下都能顺畅进行支付操作。 文件名"RZPayManager-iOS"暗示了这是一个名为RZPayManager的支付管理类或框架，可能是整个支付...
Java支付宝app wap支付接入
orange_bug的博客
10-10 9917
1.沙箱准备 1.1 去支付宝开放平台找到沙箱测试,appid以及秘钥都是需要的，密钥生成工具支付宝有可以去下载 密钥生成工具. 2.依赖引入 <!--支付宝支付--> <dependency> <groupId>com.alipay.sdk</groupId> <artifactId>alipay-sdk-java</artifactId> &
支付宝支付
menxinziwen的博客
10-24 3353
比起微信支付支付宝简直可以说是不值一提，主要还是人家的demo和官方文档写的好。 支付宝的支付去官网去下载demo可以得到一个项目，我自己改动了一下，官方demo写的扫码支付，我要做的是app支付。首先将 jar导入自己的项目中 创建配置类官方的demo里面有 这里涉及基本参数，appid  ，商户的私钥在阿里的支付平台用工具生成填入相应的商户的公钥支付宝会生成相应的支付宝的公钥。...
APP内嵌网页使用微信或支付宝的H5支付
起岸星辰
04-09 4234
如何绕过微信或支付宝的H5支付的拦截验证？下面我们从本质上来说明该如何解决这个问题。 微信和支付宝的H5支付下单成功后都会返回一个跳转支付的url连接，通过这个连接可以拉起微信或支付宝进行支付操作。 如果直接访问，支付宝会有一个中间的页面，而微信有个麻烦的refresh验证问题；那么是否可以跳过这个步骤直接将微信支付宝拉起进行支付呢？ 网上大部分的教程都是让做安卓和IOS的自己去拦截微信和支付宝的地址进行处理。但是对这种内嵌网页，特别是那种直接通过前端HTML代码生成多端的情况，前端的同学就非常不好操作了；
WebView启动支付宝客户端支付失败的解决办法
热门推荐
Anonymous
01-02 2万+
目前在做一个用App加载H5网页，然后在网页中调起支付宝客户端支付，蚂蚁金服的开发文档上明确写有支付宝支持手机网站支付，所以那就集成呗，但是做完之后出现了一个问题，不知道是不是Android端集成出现了细节问题，然后再使用支付的时候，支付宝客户端具有一定的失败率，所以失败了只能采用收银台支付，虽然可以实现支付，但是体验方面还是达不到公司的要求。 在支付宝官网上我们可以看到这个界面 他说
Java H5支付宝付款接口,【java】微信支付：H5调起支付API，直接说支付失败
weixin_42370743的博客
03-13 487
我在使用java开发微信的公众号支付功能，使用的是公众号内部支付功能第一步，统一下单接口已经调通，可以获取prepay_id(下面会有代码贴出)，可是在通过JS调起支付的API的时候，直接返回的就是失败，页面有调用微信支付的窗口闪动一下，其实根本没调起来支付控件，也不知道哪里出了问题，只能在手机上调用查看，也无法进行跟踪调查，alert出来的数据直接就是失败，具体的JS代码如下function o...
支付宝SDK唤起H5页面支付第一次成功，之后再尝试失败问题
sky2013313的专栏
08-07 7200
之前接入了支付宝支付，过程很顺利（https://docs.open.alipay.com/204），可是最近再调用支付宝的时候出了问题：未安装支付宝钱包APP的情况下，SDK唤起H5支付页面第一次成功，以后均失败，返回：客户端返回系统繁忙 4000。 1、检查支付宝官方文档FAQ有关于该问题解释：https://docs.open.alipay.com/59/104048，参照其设置做了修
iOS原生封装H5微信支付宝支付：轻松集成与实现
iOS开发中，实现H5支付（微信和支付宝）的原生封装是一个实用且常见的需求，尤其是在不想集成SDK的情况下，通过H5技术为APP提供支付功能。本文将详细介绍如何在iOS应用中封装H5支付流程，并实现微信和支付宝两种支付...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值