PHP開發小程式支付服務端整合的步驟詳解

這篇文章主要介紹了微信小程式微信支付服務端整合實例詳解及原始碼下載的相關資料,需要的朋友可以參考下

微信小程式微信支付服務端集

理論上整合微信支付的全部工作可以在小程式端完成，因為小程式js有存取網路的能力，但是為了安全，不暴露敏感key，而且可以使用官方提供的現成php demo更省力，於是在服務端完成簽章與發起請求，小程式端只做一個wx.requestPayment(OBJECT)介面的對接。

整體整合過程與JSAPI、APP類似，先統一下單，然後拿回傳的結果請求付款。

總共三步：

1.小程式端透過wx.login的回傳的code換取openid 2.服務端向微信統一下單3.小程式端發起支付

事先準備好這幾樣東西：

APPID = 'wx426b3015555a46be';
MCHID = '1900009851';
KEY = '8934e7d15453e97507ef794cf7b0519d';
APPSECRET = '7813490da6f1265e4901ffb80afaa36f';

PHP SDK，下載連結見文尾

第1、4樣是申請小程序時獲得的，第2、3樣是申請開通微信支付時獲得的，注意第3、4樣長得比較像，其實是2個東西，兩者混淆將導致簽名通不過。

向微信端下單，得到prepay_id

1. 建立一個Controller，引並WxPay.Api.php類別

<?php
require_once DIR . &#39;/BaseController.php&#39;;
require_once DIR . &#39;/../third_party/wxpay/WxPay.Api.php&#39;;

class WXPay extends BaseController {
  function index() {
  }
}

之後可以透過index.php/wxpay來做存取請求

2.修改設定檔WxPay.Config.php

改成自己申請得到對應key

#3. 實作index方法

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

說明1：文件上提到的nonce_str不是沒提交，而是sdk幫我們填上的

出處在WxPay.Api.php第55行

#

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

說明2：sign也已經好心地給setSign了，出處在WxPay.Data.php第111行，MakeSign()中

#

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

4. 小程式內呼叫登入介面#，取得openid

向微信登入請求，拿到code，再將code提交換取openId

wx.login({
     success: function(res) {
      if (res.code) {
       //发起网络请求
       wx.request({
        url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wx9114b997bd86f***&secret=d27551c7803cf16015e536b192******&js_code='+res.code+'&grant_type=authorization_code',
        data: {
         code: res.code
        },
        success: function (response) {
          console.log(response);
        }
       })
      } else {
       console.log('获取用户登录态失败！' + res.errMsg)
      }
     }
    });

從控制台看到已經成功拿到openid，剩下的事情就是將它傳到服務端就好了，服務端那邊$this->input->post('openId')等著收呢。

5. 小程式端向lendoo.leanapp.cn/index.php/WXPay發起請求，作統一下單

    //统一下单接口对接
          wx.request({
            url: 'https://lendoo.leanapp.cn/index.php/WXPay',
            data: {
              openId: openId
            },
            success: function (response) {
              console.log(response);

            },
                header: {
            'content-type': 'application/x-www-form-urlencoded'
        },
          });

得到以下結果

{
 "appid": "wx9114b997bd86f8ed",
 "mch_id": "1414142302",
 "nonce_str": "eEICgYFuGqxFRK6f",
 "prepay_id": "wx201701022235141fc713b8f80137935406",
 "result_code": "SUCCESS",
 "return_code": "SUCCESS",
 "return_msg": "OK",
 "sign": "63E60C8CD90394FB50E612D085F5362C",
 "trade_type": "JSAPI"
}

前提是https://lendoo.leanapp.cn已經在白名單：

6. 小程式端調起支付API

// 发起支付
var appId = response.data.appid;
var timeStamp = (Date.parse(new Date()) / 1000).toString();
var pkg = 'prepay_id=' + response.data.prepay_id;
var nonceStr = response.data.nonce_str;
var paySign = md5.hex_md5('appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16***e536b192d5d03b").toUpperCase();
console.log(paySign);
console.log(appId);
wx.requestPayment({
  'timeStamp': timeStamp,
  'nonceStr': nonceStr,
  'package': pkg,
  'signType': 'MD5',
  'paySign': paySign,
  'success':function(res){
    console.log('success');
    console.log(res);
  }
});

模擬器測試，將彈出一個二維碼供掃描

結果報了一個錯誤：

#

errMsg:"requestPayment:fail"
err_code:2
err_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又在哪裡？

【相關推薦】

###1. ###微信小程式完整原始碼下載#########2. ###微信小程式demo：仿商城######

以上是PHP開發小程式支付服務端整合的步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！