导航:首页 > 文件教程 > ios微信网页支付接口开发教程

ios微信网页支付接口开发教程

发布时间:2023-03-19 03:00:21

微信H5支付接口开发,安卓调用不了,苹果可以正常调用

1、微信平台申请
申请入口:登录微信商户平台-->产品中心-->我的产品-->支付产品-->H5支付

2、填写参数
在微信支付平台成功申请到微信 H5 支付后,可以通过工单或 IM(标准版及以上版本)填写渠道参数。

② 如何在IOS的safari浏览器调起微信支付

在浏览器中调起微信支付,一般情况下,是在后台接入微信支付的接口,然后当用户需要支付的时候,在前台显示一个支付的二维码,用户使用微信支付的扫一扫功能,扫描该二维码,获取相应的支付信息,使用手机进行支付

③ iOS-APP实现微信H5支付总结

1、发起下单请求( 调用统一下单接口 )注:交易类型trade_type=MWEB

2、统一下单接口返回支付相关参数给商户后台,如支付跳转url(参数名“mweb_url”),商户通过mweb_url调起微信支付中间页。如: https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=&package=600759311&redirect_url=http%3a%2f%2www..com

3、中间页进行H5权限的校验,安全性检查( 具体错误见微信官方文档 )

4、如果权限校验成功,微信支付中间页会发起支付请求。请求完毕跳到回调页面(由redirect_url决定)。APP需要在webView中监听这个请求,打开微信进行支付。如: weixin://wap/pay?prepayid%&package=2965581453&noncestr=1545905512&sign=

5、微信支付完毕跳回APP。

HTTP Referer是header的一部分,当浏览器向web服务器发起请求的时,一般会带上Referer,告诉服务器我是从哪个页面链接过来。微信中间页会对Referer进行校验,非安全域名将不能正常加载。
redirect_url是微信中间页唤起微信支付之后,页面重定向的地址。中间页唤起微信支付后会跳转到指定的redirect_url。并且微信APP在支付完成时,也是通过redirect_url回调结果,redirect_url一般是一个页面地址,所以微信支付完成会打开Safari浏览器。本文通过修改redirect_url,实现微信支付完毕跳回当前APP。

需要将微信H5支付的安全域名配置成scheme,微信支付完成会通过这个scheme跳转回APP。

再shouldStartLoadWithRequest:方法里面拦截微信中间页(以“ https://wx.tenpay.com ”开头闹戚侍的请求),截取redirect_url,如果redirect_url已经被替换成scheme不拦截,如果没有被替换,拦截请求,保存当前的redirect_url。创建一个新的微信中间页请求,将redirect_url替换成“安全域名://”(微信支付完毕会通过openURL打开当前APP,如果不替换redirect_url,微信支付完毕会打开Safari浏览器。)。设置“Referer”为安全域名(微信会校验Referer,不是安全域名会加载失败),重新load请求。

微信中间页加载成功后,会收到一个打开微信的请求,用openURL:打开这个url实现跳转到微信支付。

微信中间页跳转到微信时液吵,会将页面从定向到仔毁redirect_url,由于redirect_url被我们修改为scheme,所以需要拦截这个非法的scheme请求,替换成记录下的redirect_url。

以UIWebView为例

还有一篇文章讲的是H5支付封装,H5支付不仅可以在网页上使用,原生也可以调用。具体内容见: iOS-H5支付(微信、支付宝)原生封装

④ 微信网页支付应该怎么调用微信接口

1、申请微信支付。

程序认证以后,可以在小程序后台,微信支付菜单栏,申请微信支付。

填写企业信息和对公账户,微信誉迹支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署迁移,即完成了微信支付的申请流程。

微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱。

2、配置小程序密钥。

小程序后台设置页,点击生成,管伍洞理员验证二维码后,会随机生成AppSecret。

请妥善保管好Appsecret,不要明文存储于服务器,AppSecret用于和微信服务器交互。

比如获取用户的openid接口就需要用到.

3、设置密钥和下载证书

用申请微信支付获得的用户名和密码,登录商户平台(pay.weixin.qq),在账户中心,API安全中下载证书和设置密钥。

密钥是32位,设置以后需要妥善保管,因为无法查看密钥,所有微信支付相关的接口都会使用这个密钥加密。

4、配置HTTPS服务器小程序的前端是使用微信提供的框架开发,但是后台依然是开发者自己的服务器。

小程序发起的是HTTPS请求,意味着小程序开发者必须配置HTTPS服务器。

配置HTTPS服务器之前,先要获取证书,证书可以向相关机构购买,腾讯云目前可以向用户提供免费的证书。

5、微信支付流程

微信支付有多种支付方式,包括刷卡支付,公众号支付,扫码支付,APP支付,所有微信支付的接口都可以到官方找到。

小程序是在微信里调起支付的,其实是公众号支付,关于公众号支付的详细文档可以这里找到: bbs51/f-37-1/。

所有公众号支付相关的链接都可以在此链接找到,开发者首先需要大概了解这些接口。

6、小程序调起微信支付,用的是小程序微信支付接口wx.requestPayment,该接口的详细描述可以查看小程序的微信支付API。

这个接口中的package和timeStamp参数是从开发者的第三方服务器返回的,package是第三方服务器从统一下单接口回复中获得。

接口中其他的参数,appId,noceStr,signType以及paySign则由小程序这边存储或庆橘并者计算而得。

⑤ iOS H5调用微信(支付宝)支付与回调

利用WKWebView加载网页,在app中处理H5页面调用微信支付 ------ 实现WKNavigationDelegate协议

该方法是决定H5页面是否允许跳转的

- (void)webView:(WKWebView*)webView :(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

    WKNavigationActionPolicy  actionPolicy =WKNavigationActionPolicyAllow;//允许

    NSString*urlScheme = navigationAction.request.URL.scheme;

    NSString*urlString = navigationAction.request.URL.absoluteString;

    NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";

    NSURLRequest*request = navigationAction.request;

    NSLog(@"urlScheme:%@",urlScheme);

    NSLog(@"urlStr:%@",urlString);

    if([urlString containsString:@"weixin://wap/pay?"]) {

         actionPolicy =;//不唯则允许跳转

         NSURL*url = [NSURLURLWithString:urlString];

             if([[]respondsToSelector:@selector(openURL:options:completionHandler:)]){

            if(@available(iOS10.0, *)) {

                [[UIApplication sharedApplication] openURL:url options:@{: @NO} completionHandler:^(BOOL success) {

                }];

            }else{

                // Fallback on earlier versions

                [[]openURL:url];

            }

        }else{

       码谨     [[UIApplication sharedApplication]openURL:url];

        }

    }

    decisionHandler(actionPolicy);//这句是必须加上的,不然会异常

}

很多小伙伴儿都遇到回跳的问题,点击“完成”或“取消”跳到了Safari却跳不回APP。

 2.1、配置URL Types   添加schemes:www.xxxx.com

2.2、配置 Referer

 [requestsetValue:@"www.suxiangshidai.com://" forHTTPHeaderField:@"Referer"];

2.3、服务器回调的URL中一定要写成  www.suxiangshidai.com:// , 如果一定要拼接,可以让后台区分一下,如指模棚果是iOS 前面一定要写成 www.suxiangshidai.com:// ,不然跳不回APP。

注意:www.xxxx.com 此域名一定是H5授权的域名,如果是二级域名,可以写成:aaa.xxxx.com

一般支付完 不管完成与否都要调一下回调地址来刷新支付页面的,但问题是iOS的回调地址中一定要写成 www.xxxx.com:// 这样的格式才能跳回来,但是调回来后没有执行回调地址,页面又刷新不了,或者跳回来后是个空白页,这又产生了一个新的问题。当点击微信支付页上的“完成”或“取消”返回APP时,会调用 AppDelegate 中的 openURL: 方法

-(BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary *)options{ 

  // url.scheme 就是 www.suxiangshidai.com,你只需要在这做一个判断,如果是 www.suxiangshidai.com 你就给外部发一个通知,那外部接收到这个通知,刷新界面就行了。

//刷新地址也就是支付完的回调地址,后台可以把回调地址拼接在 www.xxxx.com:// 后面,例如:www.xxxx.com://http://www..com 。 那么 url 就是 www.xxxx.com:// http://www..com ,你向外部发通知时把 url 作为参数传出去即可 

    if ([url.scheme containsString:@"www.suxiangshidai.com"]) {

        [[NSNotificationCenter defaultCenter] postNotificationName:@"weChatPayHandle" object:nil userInfo:@{@"url":url}];

    }

    return YES;

}

//微信支付后刷新主界面 (处理通知的方法 )

-(void)refreshOrderData:(NSNotification*)notifi{

    NSDictionary*dic = notifi.userInfo;

    NSString*url = [NSStringstringWithFormat:@"%@",dic[@"url"]];

    NSRange range = [url rangeOfString:@"www.suxiangshidai.com://"];

    NSString*lastUrl = [urlsubstringFromIndex:range.length];

    NSLog(@"%@",lastUrl);

    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:lastUrl]]];

}

解决h5的支付宝支付问题 可以提供两种解决办法

 第一种 调用支付宝网页支付 

(问题 支付成功后回调到了游览器,无法返回APP,解决如下)

//以WKWebView为例  

- (void)webView:(WKWebView*)webView :(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler {

    WKNavigationActionPolicy  actionPolicy =WKNavigationActionPolicyAllow;//允许

    NSString*urlScheme = navigationAction.request.URL.scheme;

    NSString*urlString = navigationAction.request.URL.absoluteString;

    NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";

    NSURLRequest*request = navigationAction.request;

    NSLog(@"urlScheme:%@",urlScheme);

    NSLog(@"urlStr:%@",urlString);

    //  先判断一下,找到需要跳转的再做处理

    if([urlSchemeisEqualToString:@"alipay"]) {

         //  1.以?号来切割字符串

        NSArray* urlBaseArr = [:@"?"];

        NSString* urlBaseStr = urlBaseArr.firstObject;

        NSString* urlNeedDecode = urlBaseArr.lastObject;

        //  2.将截取以后的Str,做一下URLDecode,方便我们处理数据

       //  NSMutableString * afterDecodeStr = [NSMutableString stringWithString:[self URLDecodedString:urlNeedDecode]];

        NSString*afterDecodeStr =WebURLDecodedString(urlNeedDecode);

        //  3.替换里面的默认Scheme为自己的Scheme

        NSString* afterHandleStr = [:@"alipays"withString:@"QEQuickEnjoyment"];

       //  4.然后把处理后的,和最开始切割的做下拼接,就得到了最终的字符串

        NSString* finalStr = [NSStringstringWithFormat:@"%@?%@",urlBaseStr,WebURLEncode(afterHandleStr)];

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

            //  判断一下,是否安装了支付宝APP(也就是看看能不能打开这个URL)

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

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

            }

        });

        //  2.这里告诉页面不走了 -_-

        decisionHandler();

        return;

    }

  decisionHandler(actionPolicy);//这句是必须加上的,不然会异常

}

// OC 做URLEncode的方法

staticinlineNSString* WebURLEncode(NSString* str){

    NSString*charactersToEscape =@"#[]@!$'()*+,;\"<>%{}|^~`";

    NSCharacterSet*allowedCharacters = [[:charactersToEscape]invertedSet];

    NSString *encodedUrl = [[str description] :allowedCharacters];

    return encodedUrl; }

staticinlineNSString*WebURLDecodedString(NSString* str)

{  return [str ]; }

这样h5处理支付宝就可以了

但是如果想在支付宝成功后app处理事件 处理如下:

回到Appdelegate的代理方法

-(BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary *)options{// 判断一下这个host,safepay就是支付宝的if([url.host isEqualToString:@"safepay"]) {// 拿到这个链接的数据,数据大概是这样的/*

        mushRoomBox://safepay/?%7B%22memo%22:%7B%22result%22:%22%7B%5C%22alipay_trade_wap_pay_response%5C%22:%7B%5C%22code%5C%22:%5C%2210000%5C%22,%5C%22msg%5C%22:%5C%22Success%5C%22,%5C%22app_id%5C%22:%5C%222017020505522491%5C%22,%5C%22auth_app_id%5C%22:%5C%222017020505522491%5C%22,%5C%22charset%5C%22:%5C%22GBK%5C%22,%5C%22timestamp%5C%22:%5C%222018-11-09%2011:43:06%5C%22,%5C%22out_trade_no%5C%22:%5C%222018100001_simple_%5C%22,%5C%22total_amount%5C%22:%5C%220.01%5C%22,%5C%22trade_no%5C%22:%5C%%5C%22,%5C%22seller_id%5C%22:%5C%222088221175674834%5C%22%7D,%5C%22sign%5C%22:%5C%22T6jn7QSsvjjG%5C/%5C/%5C/QHc++1TZnraDfm0I%5C/OwAnA5iCTOhq%5C/fkm%5C/i0vLk17W8s+LjcOUT%5C/zB6K6gN+fyCefm8FOJ+8g4GUAreuZDcW0MuGE1OOmaxDrXg==%5C%22,%5C%22sign_type%5C%22:%5C%22RSA2%5C%22%7D%22,%22ResultStatus%22:%229000%22,%22memo%22:%22%22%7D,%22requestType%22:%22safepay%22%7D

        *///  然后,一样的套路方法

NSString* urlNeedjsonStr = url.absoluteString;

NSArray* afterComStr = [urlNeedJsonStr componentsSeparatedByString:@"?"];/

/  这个decode方法,在上面找哈NSString* lastStr = [self WebURLDecodedString:afterComStr.lastObject];//  这个lastStr,其实是一个jsonStr,转一下,就看到了数据

NSDictionary* dict = [self dictionaryWithJsonString:lastStr];//  dict的结构差不多是这样/*

          "memo": {

                  "result":"订单相关信息,如订单号,支付金额等等";

                  "ResultStatus":"9000";

          },

          ******

        *///  和支付宝SDK的返回结果一次,这个ResultStatus,就是我们要的数据//  9000 :支付成功//  8000 :订单处理中//  4000 :订单支付失败//  6001 :用户中途取消//  6002 :网络连接出错//  这里的话,就可以根据状态,去处理自己的业务了}returnYES;}

-  (NSDictionary*)dictionaryWithJsonString:(NSString*)jsonString{

  if(jsonString ==nil) {

   return nil; 

   }

NSData*jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding];

NSError*err;NSDictionary*dic = [:jsonData                                                        options::&err];

if(err)   

 {NSLog(@"json解析失败:%@",err);

return nil;    

}return dic;

}

接支付宝提供的SDK,schemeStr参数传入自己APP的URLScheme即可。 具体的  手机网站支付转Native支付

1.1、掉起支付宝APP

1.2、支付完成后,支付宝APP要返回到我们的APP里面来

- (void)webView:(WKWebView*)webView :(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

    BOOL isIntercepted = [[AlipaySDK defaultService] payInterceptorWithUrl:[navigationAction.request.URL absoluteString] fromScheme:@"WRWarehouseHasRice" callback:^(NSDictionary *result) {

        // 处理支付结果

        NSLog(@"%@", result);

        // isProcessUrlPay 代表 支付宝已经处理该URL

        if([result[@"isProcessUrlPay"]boolValue]) {

            // returnUrl 代表 第三方App需要跳转的成功页URL

            NSString*urlStr = result[@"returnUrl"];

        }

    }];

    if(isIntercepted) {

             decisionHandler(); 

     return; 

   }

           decisionHandler(WKNavigationActionPolicyAllow);

}

⑥ iOS如何在WebView页面调起微信支付并可以返回App

iOS可以不集成微信支付SDK,通过WebView页面调起微信支付页面,具体配置流程如下:

    1、需要在Xcode工程Targets中配置白名单,确保能够顺利跳转到微信

    2、在Xcode工程Targets中配置URL Types,设置的URL Schemes为微信支付商户平台申请的域名,羡厅从历察而可以让微信识别回到调起支付的的App

3、在WKWebView的代理方法中,拦截微信支付的链接,配置支付授权域名,即Refer字段

注意:如果有多个host域名,可以服务端配置下发。

4、经过这三个步骤后,可以调起微信支付,并且取消支付或完成支付时,可以回到App;接下来的问题是页面如何刷新的问题,一般有两种处理方案:

 (1)调起微信支付的同时在WebView页面弹出一个提示框,回来后可以让用户点击已完成支付或遇到问题,然后页面刷新

(2)在AppDelegate中,,监听回流到App的域名是否是微信支付的回调,通过通知的肢派茄形式刷新WebView页面

一般项目使用方案一的较多,可以减少多余的判断处理逻辑,刷新逻辑放在WebView页面处理,我们在项目中也是使用的这种方案。

⑦ iOSAPP端接入微信支付流程

商户在微信开放平台申请开发APP应用后,微信开放平台会生成APP的唯一标识APPID。在Xcode中打开项目,设置项目属性中的URL Schemes为您的APPID。如图所示。

2.导入微信支付SDK

将官方demo中的这个文件夹拷贝到项目里

在APPdelegate里设置APPID

导入依赖库

项首薯目中点击支付的按钮写上如下方法

别忘了导入头文件和遵循代理和注册代理  

info.plist里添加如下字段LSApplicationQueriesSchemes,为Array类型,然后在里面添加两个小选项,分别为weixin和wechat

注意!!!下面这三处  一定要对应上  少一不可

如果不回调州敏,APPdelegate里写上这个

//被废弃的方法如下

- (BOOL)application:(UIApplication*)application handleOpenURL:(NSURL*)url {

    return  [WXApi handleOpenURL:url delegate:[WXApiManager sharedManager]];

}

- (BOOL)application:(UIApplication*)application openURL:(NSURL*)url sourceApplication:(NSString*)sourceApplication annotation:(id)annotation {

    return [WXApi handleOpenURL:url delegate:[WXApiManager sharedManager]];

}

//替换的新方法

- (BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary*)options {

    return [WXApi handleOpenURL:url delegate:[WXApiManager sharedManager]];

}

//调起微信支付

    PayReq* req  = [[PayReq alloc] init];

    req.partnerId = @"1220277201";

    req.prepayId  = @"";

    req.nonceStr  = @"83DB7tk21akNRSFs";

    req.timeStamp = 1458027344;

    req.package  = @"Sign=WXPay";

    req.sign      = @"";

    [WXApi sendReq:req];

// 获取当前时间

    time_t now;

 者迹者   time(&now);

    // 时间戳

    //NSString *timestamp = [NSString stringWithFormat:@"%ld", now];

    // 随机字符串

    //NSString *nonceStr = [[self md5:timestamp] uppercaseString];

    //订单id

    NSString *prepayid =  _prepayid;

    PayReq *request = [[PayReq alloc] init];

    /** 商家向财付通申请的商家id */

    request.partnerId = WXPartnerid;

    /** 预支付订单 */

    request.prepayId= prepayid;

    /** 商家根据财付通文档填写的数据和签名 */

    request.package = @"Sign=WXPay";

    /** 随机串,防重发 */

    request.nonceStr= _noncestr;

    /** 时间戳,防重发 */

    request.timeStamp = [_timestamp intValue];

    /** 商家根据微信开放平台文档对数据做的签名 */

    request.sign= _sign;

    /*! @brief 发送请求到微信,等待微信返回onResp

     *

     * 函数调用后,会切换到微信的界面。第三方应用程序等待微信返回onResp。微信在异步处理完成后一定会调用onResp。支持以下类型

     * SendAuthReq、SendMessageToWXReq、PayReq等。

     * @param req 具体的发送请求,在调用函数后,请自己释放。

     * @return 成功返回YES,失败返回NO。

     */

    [WXApi sendReq: request];

⑧ Cocos creator ios开发—微信支付(三)

目录: Cocos creator ios开发-接入微信SDK系列文章

这是官方文档: app微信支付开发文档

第一步、
先接入微信SDK,请参考 Cocos creator ios开发—接入微信SDK

第二步、拿旁拿
在Xcode的Info的设置项中,URL Types 的URL Schemes填写APPID
在AppController.h中添加消搭接口:

app启动时,注册APPID,在AppController.mm中的didFinishLaunchingWithOptions方法中调用

第三步、
向oc发启闷送支付信息

第四步、
oc收到支付信息,发起支付

阅读全文

与ios微信网页支付接口开发教程相关的资料

热点内容
maya粒子表达式教程 浏览:84
抖音小视频如何挂app 浏览:283
cad怎么设置替补文件 浏览:790
win10启动文件是空的 浏览:397
jk网站有哪些 浏览:134
学编程和3d哪个更好 浏览:932
win10移动硬盘文件无法打开 浏览:385
文件名是乱码还删不掉 浏览:643
苹果键盘怎么打开任务管理器 浏览:437
手机桌面文件名字大全 浏览:334
tplink默认无线密码是多少 浏览:33
ipaddgm文件 浏览:99
lua语言编程用哪个平台 浏览:272
政采云如何导出pdf投标文件 浏览:529
php获取postjson数据 浏览:551
javatimetask 浏览:16
编程的话要什么证件 浏览:94
钱脉通微信多开 浏览:878
中学生学编程哪个培训机构好 浏览:852
荣耀路由TV设置文件共享错误 浏览:525

友情链接