美文网首页支付集成
APP 快速集成 支付宝和微信支付

APP 快速集成 支付宝和微信支付

作者: Anson杨春安 | 来源:发表于2017-09-28 19:05 被阅读5873次

    实现支付宝支付的准备工作:

    1.向支付宝签约,成为支付宝的商户

    签约完成后,支付宝会提供一些必要的数据给我们

    商户ID:partner

    账号ID:seller 即支付宝账号

    签约需要营业执照

    2.获取支付相关的  私钥和密钥,这两个东西为了数据安全

    上面这几个东西只要签约成功就可以看到

    3.下载支付宝的SDK

    下载网址: http://doc.open.alipay.com/doc2/detail?treeId=59&articleId=103563&docType=1

    上面部分是准备工作,从这里开始集成

    4.下载好之后打开客户端Demo—>iOS SDK Demo解压缩,打开案例,运行程序

    可能为有一个active为YES的错误,只要在build Setting里搜索这个active改为NO即可,再清除运行就好了

    5.将Demo中的SDK提取出来,提取以下几个文件

    openssl、Order.h、Order.m、Util、libcrypto.a、libssl.a、AlipaySDK.bundle

    将这几个文件放到一个文件夹中,然后添加到项目中Order.h、Order.m这两个文件可加可不加

    添加进去编译,发现报错

    5.1添加.pch文件   打开项目Supporting Files—>右键NewFile—>iOS—>Other—>PCH File—>选中Targets第一个选项—Create—然后在新创建的PCH文件中添加 #import

    现在PCH文件还不能使用,需要添加PCH文件 点击项目—>buildSetting—>右边搜索pref—>将Apple LLVM7.0 Language的

    第二个选项Precompile Prefix Header后面的NO改成YES ,第三个选项路径 直接将项目的名字复制

    比如我这里的项目名字是:01支付宝集成

    将这个名字复制到Prefix Header路径上,双击这个选项出现一个白框,将名字粘贴到这个白框中,然后

    在后面紧接/PrefixHeader.pch,完成的输入应该为  01支付宝集成/PrefixHeader.pch

    01支付宝集成  项目名称

    即 项目名称/PrefixHeader.pch  这样的格式

    到这里第一步完成

    5.2导入相应的依赖库,大部分其实是不用导入的,但是为了保险起见,我们全都导入进去

    点击支付宝的Demo,点击项目—>Build Phases—>第三个Link Binary WithLibraries查看官方导入的依赖库

    然后我们也导入相应的依赖库,点击+号添加相应的依赖库

    注意,Xcode7以后一些库的后缀名字改了 libc++.dylib  变成了libc++.tbd

    这里附一张需要添加的依赖库的截图

    即注意添加库的时候 别以为没有了,是改了后缀名而已

    5.3添加好相应的库以后,编译,会有一个错误,提示  #include   这个文件未找到

    是因为Xcode6以后导入是有问题的,以前Xcode5导入是没有问题的,只要配置一下就行了

    因为是导入.a文件的时候它找不到里面的头文件,意思是找不到.a文件里面的这个头部文件,意思是找不到文件路径,那怎么配置呢,配置一下,指定一下路径就行了

    点击项目—>build Setting 然后在右边搜索header S  在第二个选项Header Search Paths 双击之后点击左下角的+号,然后填写  $(SRCROOT)/01支付宝集成/支付宝SDK     即可

    注意

    01支付宝集成   为你的项目名称

    支付宝SDK       为你导入的支付宝SDK文件夹的名字

    然后清除一个,重新运行即可

    5.4 除了上述依赖库还需要一个框架,支付宝的SDK框架,在支付宝的示例程序中有一个框架名为AlipaySDK.framework的框架,右键show in Finder  找到这个框架,然后复制,在 你的项目中点击支付宝SDK文件,show in Finder  ,将AlipaySDK.framework粘贴到该目录下, 这时候在项目中不会显示这个框架,然后点击支付宝SDK文件名,右键Add File To”” 就会打开文件目录,支付宝SDK(你自己的支付宝SDK文件夹名字,就是我们刚才导入的那个文件夹名字)—>选中AlipaySDK.framework,点击右下角的add,然后就添加进去了,要使用的时候只要导入头文件

    #import 就可以使用了

    到这一步说明支付宝已经集成到项目中去了,完毕!

    一、使用官方的Demo

    需要配置基本信息:

    打开“APViewController.m”文件,对以下三个参数进行编辑。

    二、集成支付宝到自己的工程

    1、启动Xcode,为了方便快速开发,将解压包里面的AlipaySDK.bundle和AlipaySDK.framework

    和Demo里面的以下文件拷贝到自己的工程文件夹中去,并导入到项目工程中。

    2、在Build Phases选项卡的Link Binary With Libraries中,增加以下依赖:

    3、如果你的app基于9.0编译,那么为了适配iOS9.0中的App Transport Security(ATS)对http的限制,这里需要对支付宝的请求地址alipay.com、alipayobjects.com做例外,在app对应的info.list中添加如下配置

    4、在需要支付功能的.m里面

    #import"Order.h"#import"DataSigner.h"#import#import"APAuthV2Info.h"

    根据自己的APP,修改下面的参数即可:

    三、注意事项

    1、缺少头文件

    出现这种情况,在它的文件上面加上:

    #import#import

    即可消除错误

    2、'openssl/asn1.h'file not found

    解决方法如下:在你的Xcode里的header search paths 里添加支付宝SDK(openssl的路径) 即 “Header Search Paths”只需要设置$(SRCROOT)/项目名称。

    3、使用支付宝客户端支付之后,无法返回原APP系统

    (1)在AppDelegate.m文件中,

    #import

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

    {

    [[AlipaySDK defaultService]

    processOrderWithPaymentResult:url

    standbyCallback:^(NSDictionary *resultDic) {

    NSLog(@"result = %@",resultDic);//返回的支付结果//【由于在跳转支付宝客户端支付的过程中,商户app在后台很可能被系统kill了,所以pay接口的callback就会失效,请商户对standbyCallback返回的回调结果进行处理,就是在这个方法里面处理跟callback一样的逻辑】}];returnYES;

    }

    (2)点击项目名称,点击“Info”选项卡,在“URL Types”选项中,点击“+”,在“URL Schemes”中输入自己的APP标示,如:“alisdkdemo”。“alisdkdemo”来自于以下代码:

    支付代码中的:

    这里的URL Schemes中输入的alisdkdemo,为测试demo,实际商户的app中要填写独立的scheme,建议跟商户的app有一定的标示度,要做到和其他的商户app不重复,否则可能会导致支付宝返回的结果无法正确跳回商户app

    4、可能遇到的错误:

    1:支付宝交易订单处理失败 AL159

    注意:支付宝的金额只能精确到分,所以不能用小数点后面超过两位的浮点型数字。

    所以:应该使用 %.2f

    2:支付宝支付失败:4000

    检查订单的各种参数,比如订单ID写错为浮点型了。

    3:其他

    检查各种参数和公匙密匙等等

    交互流程

    这个流程和支付宝的流程都差不多,理解了其实是一样的。

    微信支付流程

    首先需要理清楚流程

    用户使用APP客户端,选择商品下单。

    商户客户端(就是你做的APP)将用户的商品数据传给商户服务器,请求生成支付订单。

    商户后台调用统一下单API向微信的服务器发送请求,微信服务器生成预付单,并生成一个prepay_id返回给商户后台。

    商户后台将这个prepay_id返回给商户客户端。

    用户点击确认支付,这时候商户客户端调用SDK打开微信客户端,进行微信支付。

    微信客户端向微信服务器发起支付请求并返回支付结果(他们之间交互用的就是prepay_id这个参数,微信的服务器要验证微信客户端传过去的参数是否跟第三步中生成的那个id一致)。

    用户输入支付密码后,微信客户端提交支付授权,跟微信服务器交互,完成支付

    微信服务器给微信客户端发送支付结果提示,并异步给商户服务器发送支付结果通知。

    商户客户端通过支付结果回调接口查询支付结果,并向后台检查支付结果是否正确,后台返回支付结果。

    商户客户端显示支付结果,完成订单,发货。

    虽然看起来有点多,但是理解起来并不复杂,跟我们平时手机上买东西是一样的。我们客户端需要做的就是

    调起微信客户端发起支付

    显示支付结果

    集成过程

    首先是要下载SDK

    微信SDK下载

    建议头文件和示例都下载出来看看。(吐槽下,官方的示例难看死了,看的眼晕!注释都没几个。。。鄙视之)

    导入微信支付SDK库

    导入上面那个iOS头文件和库下载下载出来的SDK包的就行啦,我这里的是SDK1.6.2. 然后需要链接上依赖库,在Target —> BuildPhases —> Link Binary With Libraries— 点击+号 -> 搜索你需要的系统库。

    SystemConfiguration.framework

    libz.tbd

    libsqlite3.0.tbd

    CoreTelephony.framework

    QuartzCore.framework

    设置URL Scheme

    在注册微信平台APP的时候,会给一个唯一识别标识符(APPID),在APP端开发步骤里面说得很清楚了,需要填在URL Schemes这个地方,

    URL scheme

    在Appdelegate中注册APPID

    如下:

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    // Override point for customization after application launch.

    /**

    *  向微信终端注册ID,这里的APPID一般建议写成宏,容易维护。@“测试demo”不需用管。这里的id是假的,需要改这里还有target里面的URL Type

    */

    [WXApi registerApp:@"wxd930ea5d5a258f4f" withDescription:@"测试demo"];

    return YES;

    }

    处理微信通过URL启动时传递的数据

    //前面的两个方法被iOS9弃用了,如果是Xcode7.2网上的话会出现无法进入进入微信的onResp回调方法,就是这个原因。本来我是不想写着两个旧方法的,但是一看官方的demo上写的这两个,我就也写了。。。。

    //9.0前的方法,为了适配低版本 保留

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

    return [WXApi handleOpenURL:url delegate:self];

    }

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

    return [WXApi handleOpenURL:url delegate:self];

    }

    //9.0后的方法

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

    //这里判断是否发起的请求为微信支付,如果是的话,用WXApi的方法调起微信客户端的支付页面(://pay 之前的那串字符串就是你的APPID,)

    return  [WXApi handleOpenURL:url delegate:self];

    }

    //微信SDK自带的方法,处理从微信客户端完成操作后返回程序之后的回调方法,显示支付结果的

    -(void) onResp:(BaseResp*)resp

    {

    //启动微信支付的response

    NSString *payResoult = [NSString stringWithFormat:@errcode:%d, resp.errCode];

    if([resp isKindOfClass:[PayResp class]]){

    //支付返回结果,实际支付结果需要去微信服务器端查询

    switch (resp.errCode) {

    case 0:

    payResoult = @支付结果:成功!;

    break;

    case -1:

    payResoult = @支付结果:失败!;

    break;

    case -2:

    payResoult = @用户已经退出支付!;

    break;

    default:

    payResoult = [NSString stringWithFormat:@支付结果:失败!retcode = %d, retstr = %@, resp.errCode,resp.errStr];

    break;

    }

    }

    }

    最重要的来了!!

    调用微信支付前,需要下单、签名等操作,以便获取微信支付所必要的参数。为了提高安全性,下单、签名操作一般是在后台完成,在前台做的话被捕获改信息就不开心了。。。。。

    需要的参数包括:appid、partid(商户号)、prepayid(预支付订单ID)、noncestr(参与签名的随机字符串)、timestamp(参与签名的时间戳)、sign(签名字符串)这六个。

    在点击支付的控制器中使用核心代码来调起微信客户端支付,这些个参数都是后台传给你的。 加上了注释,应该很好理解的。

    #pragma mark 微信支付方法

    - (void)WXPay{

    //需要创建这个支付对象

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

    //由用户微信号和AppID组成的唯一标识,用于校验微信用户

    req.openID = @"";

    // 商家id,在注册的时候给的

    req.partnerId = @"";

    // 预支付订单这个是后台跟微信服务器交互后,微信服务器传给你们服务器的,你们服务器再传给你

    req.prepayId  = @"";

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

    //这个比较特殊,是固定的,只能是即req.package = Sign=WXPay

    req.package  = @"";

    // 随机编码,为了防止重复的,在后台生成

    req.nonceStr  = @"";

    // 这个是时间戳,也是在后台生成的,为了验证支付的

    NSString * stamp = @"";

    req.timeStamp = stamp.intValue;

    // 这个签名也是后台做的

    req.sign = @"";

    //发送请求到微信,等待微信返回onResp

    [WXApi sendReq:req];

    }

    这个JSON里面的数据(上面的参数)就是后台需要传给你的,至于怎么来,也有后台的文档,让他去看下就行啦~~~

    {

    "appid": "wxb4ba3c02aa476ea1",

    "noncestr": "d1e6ecd5993ad2d06a9f50da607c971c",

    "package": "Sign=WXPay",

    "partnerid": "10000100",

    "prepayid": "wx20160218122935e3753eda1f0066087993",

    "timestamp": "1455769775",

    "sign": "F6DEE4ADD82217782919A1696500AF06"

    }

    统一下单API

    调起支付接口

    到这里,不出意外的话应该都能正常的支付了。流程最重要,理解了就知道怎么做了,强烈建议需要做的朋友们先理理思路,不要急着下手。

    PS:这篇文章中,签名都是在后台做的,如果需要在你客户端做,可以参考下这篇文章,和这篇文章,他们的签名在客户端做的,写的也比较详细了。

    可能遇到的问题

    1.如果支付完成后,一直留在微信,那就检查下URLType中的Scheme设置问题。

    2.能够打开微信客户端,但是打开后只有中间一个白色的 “确定按钮”,点击后会回到客户端上,如果是这样,那应该是prepayid 参数的问题,过期了,或者不是真实的id。代码没有问题的。特别注意的是,微信要两次签名,两次~~~~

    3.如果APP里面使用了友盟或者ShareSDK做分享,那就不用再导入SDK了,否则会出现一些诡异的问题,例如无法调起手机微信客户端、无法调起微信客户端web页面,调起了但是一闪而过。。。这都基本上都是因为分享的SDK里面已经包括了微信的SDK。所以如果出现诡异的错误了看看是不是两个冲突了!

    4.微信支付的单位是分,被坑过的人都知道了。。。。哎,

    如果在集成过程中遇到什么问题,大家可以一起讨论下,我记录这些如果有什么错误的话也请告诉我!谢谢!

    相关文章

      网友评论

        本文标题:APP 快速集成 支付宝和微信支付

        本文链接:https://www.haomeiwen.com/subject/zxuvextx.html