iOS集成支付宝H5支付实现跳转与回调的解决方案

最新推荐文章于 2023-04-13 09:09:19 发布

fongim

最新推荐文章于 2023-04-13 09:09:19 发布

阅读量4.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Objective-C iOS 文章标签：支付宝H5支付 iOS支付宝H5

本文链接：https://blog.youkuaiyun.com/fongim/article/details/88752015

iOS集成支付宝H5支付实现跳转与回调的解决方案

前言

最近有个需求，不能在iOS客户端内集成支付宝和微信的App支付SDK（为了防苹果审核检测SDK），因此使用H5支付，虽然微信和支付宝的H5支付文档都说不要在App内使用H5支付而是使用App支付，但办法总是有的。

这篇讲的是支付宝H5支付如何从App跳转支付宝以及如何从支付宝跳转回App，微信支付的见这篇：

iOS集成H5微信支付实现跳转与回调的解决方案

实现的效果是：App→支付宝→支付(成功失败或取消)→App

前置准备

本项目使用WKWebView，前置动作是后端小伙伴已经处理好支付宝H5支付下单链接，客户端接收到下单链接后的操作。

下单链接即为支付宝H5支付文档-参数说明-公共参数中构造的https://openapi.alipay.com/gateway.do开头的的链接，构造链接的操作交由后端处理。

操作步骤

1. 添加 URL Scheme 并把支付宝加入白名单

添加 URL Scheme。在 xcodeproj 文件 Info 选项卡最下面的 URL Types内设置。该 URL Scheme 不像微信支付因为要校验必须设置商户后台填的一级域名，支付宝的这个可以任意设置。

把支付宝的 URL Scheme alipay 和 alipays 填入项目的白名单。在 xcodeproj 文件 Info 选项卡内的 Custom iOS Target Properties 的 LSApplicationQueriesSchemes 里添加上述两个字符串，若没有 LSApplicationQueriesSchemes 就手动输入添加，类型为数组 Array。

2. WKWebView加载链接

添加协议 WKNavigationDelegate和WKUIDelegate。

创建一个WKWebView，并加载统一下单链接。

- (void)buildWKWebView {
   
    WKWebView *webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, NAV_HEIGHT, SCREEN_WIDTH, SCREEN_HEIGHT - NAV_HEIGHT)];
    [self.view addSubview:webView];
    webView.navigationDelegate = self;
    webView.UIDelegate = self;
    NSURL *payURL = [NSURL URLWithString:self.payString];
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:payURL];
    [webView loadRequest:request