找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索本站精品资源

搜索

首页 › 教程频道› 小程序开发 › 查看内容

PHP：微信小程序服务端集成微信支付

作者：模板之家 2018-1-25 10:25 1942人关注

换取openid-统一下单-发起支付，三步走，其中二次签名比较坑人。 该demo源码下载： 理论上集成微信支付的全部工作可以在小程序端完成，因为小程序js有访问网络的能力，但是为了安全

换取openid->统一下单->发起支付，三步走，其中二次签名比较坑人。


该demo源码下载：

 

dotton-lendoo-wx-master.zip


理论上集成微信支付的全部工作可以在小程序端完成，因为小程序js有访问网络的能力，但是为了安全，不暴露敏感key，而且可以使用官方提供的现成php demo更省力，于是在服务端完成签名与发起请求，小程序端只做一个wx.requestPayment(OBJECT)接口的对接。

整体集成过程与JSAPI、APP类似，先统一下单，然后拿返回的结果来请求支付。

 

一共三步：

1.小程序端通过wx.login的返回的code换取openid

 

2.服务端向微信统一下单

 

3.小程序端发起支付

 

事先准备好这几样东西：

  1. APPID = 'wx426b3015555a46be';
  2. MCHID = '1900009851';
  3. KEY = '8934e7d15453e97507ef794cf7b0519d';
  4. APPSECRET = '7813490da6f1265e4901ffb80afaa36f';

PHP SDK，下载链接见文尾

第1、4样是申请小程序时获得的，第2、3样是申请开通微信支付时获得的，注意第3、4样长得比较像，其实是2个东西，两者混淆将导致签名通不过。

向微信端下单，得到prepay_id

1. 创建一个Controller，引并WxPay.Api.php类
  1. <?php
  2. require_once __DIR__ . '/BaseController.php';
  3. require_once __DIR__ . '/../third_party/wxpay/WxPay.Api.php';
  4.  
  5. class WXPay extends BaseController {
  6.     function index() {
  7.     }
  8. }

之后可以通过index.php/wxpay来作访问请求

2. 修改配置文件WxPay.Config.php

改成自己申请得到相应key

3. 实现index方法        
  1. function index() {
  2. //         初始化值对象
  3.         $input = new WxPayUnifiedOrder();
  4. //         文档提及的参数规范：商家名称-销售商品类目
  5.         $input->SetBody("灵动商城-手机");
  6. //         订单号应该是由小程序端传给服务端的，在用户下单时即生成，demo中取值是一个生成的时间戳
  7.         $input->SetOut_trade_no('123123123');
  8. //         费用应该是由小程序端传给服务端的，在用户下单时告知服务端应付金额，demo中取值是1，即1分钱
  9.         $input->SetTotal_fee("1");
  10.         $input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php");
  11.         $input->SetTrade_type("JSAPI");
  12. //         由小程序端传给服务端
  13.         $input->SetOpenid($this->input->post('openId'));
  14. //         向微信统一下单，并返回order，它是一个array数组
  15.         $order = WxPayApi::unifiedOrder($input);
  16. //         json化返回给小程序端
  17.         header("Content-Type: application/json");
  18.         echo json_encode($order);
  19.     }

说明1：文档上提到的nonce_str不是没提交，而是sdk帮我们填上的

出处在WxPay.Api.php第55行

  1. $inputObj->SetNonce_str(self::getNonceStr());//随机字符串

说明2：sign也已经好心地给setSign了，出处在WxPay.Data.php第111行，MakeSign()中

  1.   /**
  2.      * 生成签名
  3.      * @return 签名，本函数不覆盖sign成员变量，如要设置签名需要调用SetSign方法赋值
  4.      */
  5.     public function MakeSign()
  6.     {
  7.         //签名步骤一：按字典序排序参数
  8.         ksort($this->values);
  9.         $string = $this->ToUrlParams();
  10.         //签名步骤二：在string后加入KEY
  11.         $string = $string . "&key=".WxPayConfig::KEY;
  12.         //签名步骤三：MD5加密
  13.         $string = md5($string);
  14.         //签名步骤四：所有字符转为大写
  15.         $result = strtoupper($string);
  16.         return $result;
  17.     }



4. 小程序内调用登录接口，获取openid

向微信登录请求，拿到code，再将code提交换取openId

  1. wx.login({
  2.           success: function(res) {
  3.             if (res.code) {
  4.               //发起网络请求
  5.               wx.request({
  6.                 url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wx9114b997bd86f***&secret=d27551c7803cf16015e536b192******&js_code='+res.code+'&grant_type=authorization_code',
  7.                 data: {
  8.                   code: res.code
  9.                 },
  10.                 success: function (response) {
  11.                     console.log(response);
  12.                 }
  13.               })
  14.             } else {
  15.               console.log('获取用户登录态失败！' + res.errMsg)
  16.             }
  17.           }
  18.         });

从控制台看到已经成功拿到openid，剩下的事情就是将它传到服务端就好了，服务端那边$this->input->post('openId')等着收呢。

 

5. 小程序端向https://lendoo.leanapp.cn/index.php/WXPay发起请求，作统一下单                   

  1. //统一下单接口对接
  2.                     wx.request({
  3.                         url: 'https://lendoo.leanapp.cn/index.php/WXPay',
  4.                         data: {
  5.                             openId: openId
  6.                         },
  7.                         success: function (response) {
  8.                             console.log(response);
  9.  
  10.                         },
  11.                                 header: {
  12.                         'content-type': 'application/x-www-form-urlencoded'
  13.                 },
  14.                     });


得到如下结果

  1. {
  2.   "appid": "wx9114b997bd86f8ed",
  3.   "mch_id": "1414142302",
  4.   "nonce_str": "eEICgYFuGqxFRK6f",
  5.   "prepay_id": "wx201701022235141fc713b8f80137935406",
  6.   "result_code": "SUCCESS",
  7.   "return_code": "SUCCESS",
  8.   "return_msg": "OK",
  9.   "sign": "63E60C8CD90394FB50E612D085F5362C",
  10.   "trade_type": "JSAPI"
  11. }

前提是https://lendoo.leanapp.cn已经在白名单：

 

6. 小程序端调起支付API

  1. // 发起支付
  2. var appId = response.data.appid;
  3. var timeStamp = (Date.parse(new Date()) / 1000).toString();
  4. var pkg = 'prepay_id=' + response.data.prepay_id;
  5. var nonceStr = response.data.nonce_str;
  6. var paySign = md5.hex_md5('appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16***e536b192d5d03b").toUpperCase();
  7. console.log(paySign);
  8. console.log(appId);
  9. wx.requestPayment({
  10.     'timeStamp': timeStamp,
  11.     'nonceStr': nonceStr,
  12.     'package': pkg,
  13.     'signType': 'MD5',
  14.     'paySign': paySign,
  15.     'success':function(res){
  16.         console.log('success');
  17.         console.log(res);
  18.     }
  19. });

模拟器测试，将弹出一个二维码供扫描

结果报了一个错误：

 

errMsg:"requestPayment:fail"err_code:2err_desc:"支付验证签名失败"

key需要加入到签名中！！！'appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16*e536b192d5d03b"这才是完整的。

可是文档里明明没提到key啊

支付成功截图

吐槽完文档再吐槽下命名规则，GetSpbill_create_ip()、IsSpbill_create_ipSet()都是些什么鬼一会儿下划线分隔一会儿驼峰分隔，成员方法首字母还大写，unifiedOrder()这种正经写法也不忘来比划两下，看来网上说大公司的sdk都是实习生撰写是真事，可code reviewer又在哪里？

小程序端文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-pay.html#wxrequestpaymentobject

微信支付服务端侧文档出处：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1

类比文档出处：https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_1

开发步骤：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

sdk下载：https://pay.weixin.qq.com/wiki/doc/api/download/WxpayAPI_php_v3.zip

路过
雷人
握手
鲜花
鸡蛋
原作者: 模板之家 来自: 网络收集
上一篇：小程序开发填坑《二十七》审核提供测试账号，必须提供微信授权登录
下一篇：小程序接入微信支付，你可能会遇上这些坑

全部回复(0)

Copyright © Comsenz Inc. Powered by Discuz!X3.5 蜀ICP备12013697号
微信：xu08290201 QQ：75283535