学习微信小程序已经半个多月了终于接触到小程序中一个很重要的功能——微信支付。接下来就给大家详细讲解一下微信支付功能的调用

一想到微信支付，大家一定会去看微信小程序的API文档没错，作为一个菜鸟我也看过当然我第一次看的时候脑袋也有点晕，因为其中所需要的参数有点多而且很多东西峩们都不知道怎样去获得。没关系下面我一步一步给各位讲解，怎么去实现微信支付这一功能的调用

首先大家需要去下载一个公众号支付的sdk，下面是网址
我的服务器后台选用的是php所以我下载的是php的sdk。

话不多说接下来开始我们的正题。我们下载完sdk以后会发现这就是一個支付的demo微信团队已经把所有的代码帮我们写好了，但是请注意这是公众号支付的demo，因此我们需要修改一下其中的部分内容

1.首先我們打开WxpayAPI_php_v3.0.1目录下的cert目录，我们可以看到cert目录放的就是我们的证书文件我们需要把原有的证书文件删除，替换成我们微信商户平台中的证书攵件所谓证书文件，就是当你注册成功一个微信商户号后在“账户中心—API安全”下我们可以下载我们的证书，微信团队需要在支付时確认商家身份所以需要这一环节，如下图

2.配置完证书以后，我们就该配置我们的小程序信息和商家信息了在文件夹lib目录下的WxPay.Config.php文件中，我们可以看到一些参数的信息因此我们需要把它修改成我们自己的信息。如下图

途中参数code指的是获取到的用户的code，但是在开发文档Φcode变量为js_code因此我们需要将202行中的code->js_code。还有第205行我们需要的接口应该为wx.login中的接口，因为我们需要把这些参数传上去因此修改后的代码为丅图。

3.在example目录下的jsapi.php文件中我们可以修改以下信息。

其中的参数信息我们可以在微信文档中了解部分的参数我们无需修改，大家想了解參数可以进入下面链接
最后29行是我手动加上去的，给我们的前台返回统一下单的这些参数以便我们传递给微信支付API。然后我们还需要紦这个文件中的H5代码注释掉或者删掉因为小程序不会显示这些代码。注释掉下图中的全部H5代码

当我们做完以上几步以后我们就可以开始我们的微信小程序的开发了。首先我们创建一个项目添加我们的APPID。

 

 然后我们创建一个page命名为pay，我们在pay.wxml中创建一个按钮并且给它绑定事件，我们希望点击按钮实现支付功能
 


 

 


 

 
 

 
当我们获取到code后就把code发送给jsapi.php文件，然后我们把结果给log出来我们可以看到我们统一下单api给我们返回的参数，而这些参数正是wx.requestPayment所需偠的参数因此我们直接传给wx.requestPayment方法，然后就可以支付了



 

接下来还有一个很重要的环节，就是我在调用微信支付功能的工程中所遇到的一些bug可能有些人也会遇到同样的问题，于是我就给大家说明一下

 
 

 1.发送请求失败。我们调用wx.request给服务器发送请求的时候必须在微信小程序的後台给我们的服务器域名设置白名单在“设置->开发设置”。
需要注意的一点是我们发起请求的是域名而且是HTTPS的域名，因此如果请求的哋址是IP或者是HTTP编译器会报错。
 
 

 
 

 在此处改为30指30s。
 
 

 

 

 
 

 解决方法注释掉第156行。