H5实现支付宝的集成|智慧点点-计算机软件毕业设计，包括源码，论文，IT项目源码教程分享网站

H5实现支付宝的集成

Custom Tab

之前自己在公司在用H5进行app开发的时候真心头疼的不行，尤其是各种国内第三方软件的集成。。。

今天就来说下phoneGap集成支付宝的全过程，希望可以帮助到广大的H5患者~

1. 安装插件—cordova plugin add + Pgalipay文件夹所在路径（Pgalipay文件可以在附件中找到，命令行添加插件）

2. ios文件修改将Pgalipay中plugin文件夹中的文件如1.png

导入到ios工程的plugin文件夹下如图2.png

将Pgalipay中alipay文件夹如3.png

导入到ios工程的Classes文件夹下如图4.png

将Pgalipay中AlipaySDK.bundle导入到ios工程根目录下

将Pgalipay中AlipaySDK.framework导入到ios工程Frameworks目录下

最终文件导入完成结果如图5.png

2.1.设置Header Search Paths：

点击“BuildSettings”选项卡，在搜索框中，以关键字“search”

搜索，对“Header Search Paths”增加头文件路径： "$(SRCROOT)/项目名称/Classes/alipay"。

2.2.在AppDelegate.m 引入文件

#import <AlipaySDK/AlipaySDK.h>

在以下方法的最后面添加：

- (BOOL)application:(UIApplication*)applicationhandleOpenURL:(NSURL*)url
 
／／＊＊＊＊＊＊＊＊＊＊＊＊
 
 
   //支付宝app
   //如果极简SDK不可用，会跳转支付宝钱包进行支付，需要将支付宝钱包的支付结果回传给SDK
   if ([url.host isEqualToString:@"safepay"]) {
       [[AlipaySDK defaultService] processOrderWithPaymentResult:urlstandbyCallback:^(NSDictionary *resultDic) 
       {
           NSLog(@"result1 = %@",resultDic);
           
           NSDictionary *memo = [resultDic objectForKey:@"memo"];
           NSObject *resultStatus = [resultDic objectForKey:@"resultStatus"];
           NSObject *result = [resultDic objectForKey:@"result"];
           
           NSString *astring =  [[NSStringalloc] 
       initWithString:[NSString stringWithFormat:@"{\"memo\":\"%@\",
       \"resultStatus\": \"%@\",\"result\":\"%@\"}",memo,resultStatus,result]];
 
           [self.viewController.webViewstringByEvaluatingJavaScriptFromString:
           [NSStringstringWithFormat:@"resultString('%@')",astring]];
       }];
       
    }
   if ([url.host isEqualToString:@"platformapi"]){//支付宝钱包快登授权返回authCode
       [[AlipaySDK defaultService] processAuthResult:urlstandbyCallback:^(NSDictionary *resultDic) 
       {
           NSLog(@"result2 = %@",resultDic);
           [self.viewController.webViewstringByEvaluatingJavaScriptFromString:
           [NSString stringWithFormat:@"resultString('%@')",resultDic]];
       }];
    }
   //支付宝支付完成后结果end
 
 ／／＊＊＊＊＊＊＊＊＊＊＊＊

return YES;之前添加：

2.3. 支付宝参数设置

如6.png