美文网首页
2.微信支付介绍

2.微信支付介绍

作者: 峰子1994 | 来源:发表于2017-11-04 14:39 被阅读13次

1.前言

下面介绍微信支付的开发流程的细节,图文并茂,你可以按照我的随笔流程过一遍代码。包你也学会了微信支付。而且支付也是面试常问的内容。


image.png

2.微信支付具体介绍:

2.1微信使用的前提介绍:

1.首先在使用微信支付之前你要掌握的一下内容,打开下面的连接
 https://pay.weixin.qq.com/wiki/doc/api/app.php?chapter=3_1  
 然后可以看到下面的页面,这个就是微信支付商户平台的开发文档,很多东西是可以查阅和了解的,在开发使用微信SDK支付功能的时候,遇到了问题也可以到这找找相关须知信息:
2.然后,告诉读者,点击这个开发文档“支付账号”--支付账号,就可以看到appid的情况了:

image.png
3.注意:
这个APPID是开发中使用微信支付必须要用的东西,而这个APPID也只有商户通过在该微信支付平台注册,花个300元,填写很多相关重要信息,还要上传营业执照等必要手续,才能获取的APPID
4.而商业app应用程序,在客户使用app微信消费,程序会根据这个唯一的APPID,查找到商户,然后把消费者的金额数传递到商户的账户里。
image.png
5.对开发者的福利:
对于开发者,微信支付平台提供了测试的Demo,也在Demo源码中提供了有用的用于测试代码的APPID。这样开发者就除去了花个300元买个APPID的必要性

2.2微信的使用:

  1. 现在开始去下载微信的SDK,另外demo下载下来,可以参考源码的使用


    image.png

    2.在新建的工程里,我们把下载的SDK拖进去,下载的SDK文件中有五个文件,那个read_me.txt可以不用留着工程里,随你喜欢,但是可以打开阅读里面的提示信息:


    image.png
    3.我们先打开read_me.txt文件,其实里面就是讲了最近几个版本的更新中解决的问题,以及使用该SDK的注意事项,红色框框起来的部分我在后面的操作中都会用上,SO这个read_me文件很重要的哦。
    image.png

3.开始在项目中使用SDK步骤:

1.创建新项目,导入框架和链接库:
步骤一.png

2.如果是xcode7之前,估计要手懂导入Foundatioin.framework,uikit.framework,安装read_me.txt的提示,我们把那段plist代码拷贝到info.plist文件中。

1 <key>LSApplicationQueriesSchemes</key>
2 <array>
3 <string>weixin</string>
4 </array>
5 <key>NSAppTransportSecurity</key>
6 <dict>
7 <key>NSAllowsArbitraryLoads</key>
8 <true/>

3.然后info.plist文件切换为property list显示视图,你就会看多了两项:


image.png
  1. App Transport Security Settings 是xCode以后需要开发的手动设置,因为ios9默认是https请求了,
    5.LSApplicationQueriesSchemes是可以将要URL Schemes列为白名单,这样当前应用就可以使用微信相关的功能(分享,收藏,支付,登录等等)一下功能
    6.最后的一个操作,将微信支付要用到的APPID设置为URL Schemes,如图所示:


    image.png

4.可以开始写代码:

1.我们可以打开微信支付平台下载Demo程序,可以在他的AppDelegate的源码中找打测试用到的AppID:
image.png
2.然后回到创建的工程中,写下微信支付的流程:
image.png
3.既然要注册微信,我们先到微信SDK 的头文件查看一下,我们发现了两个注册方法,注释也很清楚:
image.png
4.然后我们导入这个头文件,直接根据已经有的AppID进行注册:
image.png
 5.步骤总结:1.导入微信支付SDK,注册微信值 2,设置微信APPID为URL Schemes ,3.发起支付,调用微信功能,在这之前看看微信官方提供的Demo:
image.png
image.png

6.最后我们找打了Demo中的完整就可以直接调用这个部分发起的微信的源码:


image.png
7.在实际项目中的开发调用的方法:
1 - (NSString *)jumpToBizPay {
 2 
 3 //============================================================
 4     // V3&V4支付流程实现
 5     // 注意:参数配置请查看服务器端Demo
 6     // 更新时间:2015年11月20日
 7     //============================================================
 8     NSString *urlString   = @"http://wxpay.weixin.qq.com/pub_v2/app/app_pay.php?plat=ios";
 9     //解析服务端返回json数据
10     NSError *error;
11     //加载一个NSURL对象
12     NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:urlString]];
13     //将请求的url数据放到NSData对象中
14     NSData *response = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
15     if ( response != nil) {
16         NSMutableDictionary *dict = NULL;
17         //IOS5自带解析类NSJSONSerialization从response中解析出数据放到字典中
18         dict = [NSJSONSerialization JSONObjectWithData:response options:NSJSONReadingMutableLeaves error:&error];
19         
20         NSLog(@"url:%@",urlString);
21         if(dict != nil){
22             NSMutableString *retcode = [dict objectForKey:@"retcode"];
23             if (retcode.intValue == 0){
24                 NSMutableString *stamp  = [dict objectForKey:@"timestamp"];
25                 
26                 //调起微信支付
27                 PayReq* req             = [[PayReq alloc] init];
28                 req.partnerId           = [dict objectForKey:@"partnerid"];
29                 req.prepayId            = [dict objectForKey:@"prepayid"];
30                 req.nonceStr            = [dict objectForKey:@"noncestr"];
31                 req.timeStamp           = stamp.intValue;
32                 req.package             = [dict objectForKey:@"package"];
33                 req.sign                = [dict objectForKey:@"sign"];
34                 [WXApi sendReq:req];
35                 //日志输出
36                 NSLog(@"appid=%@\npartid=%@\nprepayid=%@\nnoncestr=%@\ntimestamp=%ld\npackage=%@\nsign=%@",[dict objectForKey:@"appid"],req.partnerId,req.prepayId,req.nonceStr,(long)req.timeStamp,req.package,req.sign );
37                 return @"";
38             }else{
39                 return [dict objectForKey:@"retmsg"];
40             }
41         }else{
42             return @"服务器返回错误,未获取到json对象";
43         }
44     }else{
45         return @"服务器返回错误";
46     }
47 }

8.就是搭建界面:

image.png
9.进一步,我们在微信的SDK源码文字中,可以找到两个很有用的方法,你可以在微信支付平台打开开发者文档找打两个方法的介绍:
image.png
然后运行在我的工程中:
image.png
最后,发起微信支付,调起微信到这里就完成了
10.最后还需要的是,处理返回微信支付返回信息,使用微信知否功能,不管是支付成功还是失败,还是用户自己取消了支付,都会返回当前应用,并返回相关的信息:
这里就是需要用到微信SDK的处理返回的信息的代理协议和代码方法了
image.png
11.在微信的sdk头文件中,我们可以找到protrol协议:
image.png
12.先看看Demo项目中看看如何使用:
image.png
image.png
13.我们只需要使用下面红色的框框起来的部分,直接拷贝拿过来用就ok了
image.png
14.回到自己的工程,直接粘贴到里面使用就可以了:
image.png
15. 那么这里面的返回信息中主要就有两个东西:resp.errCode错误码 和 resp.errStr错误原因,这两个东西在实际开发中经常遇到,所以也是面试会问到的一个细节。
  接着你可以通过点进连接:https://pay.weixin.qq.com/wiki/doc/api/app.php?chapter=8_5 可以在官方开发文档中找到: image.png

16.然后,根据实际开发需求我们可能还需要回传微信app的相关的信息
在当前的AppDelegate.m文件添加一个代理方法:


image.png

17.到这里,就完成了这个微信支付的使用流程,下面可以使用真机测试了


image.png
image.png
image.png image.png

6.最后到这里介绍几个微信支付的文档:

1.最后补充无意发现的大神github上也有微信讲解和源码,大家也可以学习学习:
[https://github.com/renzifeng/WXPay](https://github.com/renzifeng/WXPay)

2.博客文档[http://www.cnblogs.com/jys509/p/5130990.html](http://www.cnblogs.com/jys509/p/5130990.html)

相关文章

网友评论

      本文标题:2.微信支付介绍

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