快捷導(dǎo)航

PHP：微信小程序微信支付服務(wù)端集成實(shí)例詳解及源碼下載

更新時(shí)間：2017年01月05日 14:48:30 投稿：lqh

這篇文章主要介紹了微信小程序微信支付服務(wù)端集成實(shí)例詳解及源碼下載的相關(guān)資料,需要的朋友可以參考下

微信小程序微信支付服務(wù)端集

理論上集成微信支付的全部工作可以在小程序端完成，因?yàn)樾〕绦騤s有訪(fǎng)問(wèn)網(wǎng)絡(luò)的能力，但是為了安全，不暴露敏感key，而且可以使用官方提供的現(xiàn)成php demo更省力，于是在服務(wù)端完成簽名與發(fā)起請(qǐng)求，小程序端只做一個(gè)wx.requestPayment(OBJECT)接口的對(duì)接。

整體集成過(guò)程與JSAPI、APP類(lèi)似，先統(tǒng)一下單，然后拿返回的結(jié)果來(lái)請(qǐng)求支付。

一共三步：

1.小程序端通過(guò)wx.login的返回的code換取openid 2.服務(wù)端向微信統(tǒng)一下單 3.小程序端發(fā)起支付

事先準(zhǔn)備好這幾樣?xùn)|西：

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

PHP SDK，下載鏈接見(jiàn)文尾

第1、4樣是申請(qǐng)小程序時(shí)獲得的，第2、3樣是申請(qǐng)開(kāi)通微信支付時(shí)獲得的，注意第3、4樣長(zhǎng)得比較像，其實(shí)是2個(gè)東西，兩者混淆將導(dǎo)致簽名通不過(guò)。

向微信端下單，得到prepay_id

1. 創(chuàng)建一個(gè)Controller，引并WxPay.Api.php類(lèi)

<?php
require_once __DIR__ . '/BaseController.php';
require_once __DIR__ . '/../third_party/wxpay/WxPay.Api.php';

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

之后可以通過(guò)index.php/wxpay來(lái)作訪(fǎng)問(wèn)請(qǐng)求

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

改成自己申請(qǐng)得到相應(yīng)key

3. 實(shí)現(xiàn)index方法

function index() {
//     初始化值對(duì)象
    $input = new WxPayUnifiedOrder();
//     文檔提及的參數(shù)規(guī)范：商家名稱(chēng)-銷(xiāo)售商品類(lèi)目
    $input->SetBody("靈動(dòng)商城-手機(jī)");
//     訂單號(hào)應(yīng)該是由小程序端傳給服務(wù)端的，在用戶(hù)下單時(shí)即生成，demo中取值是一個(gè)生成的時(shí)間戳
    $input->SetOut_trade_no('123123123');
//     費(fèi)用應(yīng)該是由小程序端傳給服務(wù)端的，在用戶(hù)下單時(shí)告知服務(wù)端應(yīng)付金額，demo中取值是1，即1分錢(qián)
    $input->SetTotal_fee("1");
    $input->SetNotify_url("http://paysdk.weixin.qq.com/example/notify.php");
    $input->SetTrade_type("JSAPI");
//     由小程序端傳給服務(wù)端
    $input->SetOpenid($this->input->post('openId'));
//     向微信統(tǒng)一下單，并返回order，它是一個(gè)array數(shù)組
    $order = WxPayApi::unifiedOrder($input);
//     json化返回給小程序端
    header("Content-Type: application/json");
    echo json_encode($order);
  }

說(shuō)明1：文檔上提到的nonce_str不是沒(méi)提交，而是sdk幫我們填上的

出處在WxPay.Api.php第55行

$inputObj->SetNonce_str(self::getNonceStr());//隨機(jī)字符串

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

 /**
   * 生成簽名
   * @return 簽名，本函數(shù)不覆蓋sign成員變量，如要設(shè)置簽名需要調(diào)用SetSign方法賦值
   */
  public function MakeSign()
  {
    //簽名步驟一：按字典序排序參數(shù)
    ksort($this->values);
    $string = $this->ToUrlParams();
    //簽名步驟二：在string后加入KEY
    $string = $string . "&key=".WxPayConfig::KEY;
    //簽名步驟三：MD5加密
    $string = md5($string);
    //簽名步驟四：所有字符轉(zhuǎn)為大寫(xiě)
    $result = strtoupper($string);
    return $result;
  }

4. 小程序內(nèi)調(diào)用登錄接口，獲取openid

向微信登錄請(qǐng)求，拿到code，再將code提交換取openId

wx.login({
     success: function(res) {
      if (res.code) {
       //發(fā)起網(wǎng)絡(luò)請(qǐng)求
       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('獲取用戶(hù)登錄態(tài)失?。? + res.errMsg)
      }
     }
    });

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

5. 小程序端向https://lendoo.leanapp.cn/index.php/WXPay發(fā)起請(qǐng)求，作統(tǒng)一下單

    //統(tǒng)一下單接口對(duì)接
          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'
        },
          });

得到如下結(jié)果

{
 "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已經(jīng)在白名單：

6. 小程序端調(diào)起支付API

// 發(fā)起支付
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);
  }
});

模擬器測(cè)試，將彈出一個(gè)二維碼供掃描

結(jié)果報(bào)了一個(gè)錯(cuò)誤：

errMsg:"requestPayment:fail"
err_code:2
err_desc:"支付驗(yàn)證簽名失敗"

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

可是文檔里明明沒(méi)提到key啊

支付成功截圖

吐槽完文檔再吐槽下命名規(guī)則，GetSpbill_create_ip()、IsSpbill_create_ipSet()都是些什么鬼一會(huì)兒下劃線(xiàn)分隔一會(huì)兒駝峰分隔，成員方法首字母還大寫(xiě)，unifiedOrder()這種正經(jīng)寫(xiě)法也不忘來(lái)比劃兩下，看來(lái)網(wǎng)上說(shuō)大公司的sdk都是實(shí)習(xí)生撰寫(xiě)是真事，可code reviewer又在哪里？

該demo源碼地址：

http://xiazai.jb51.net/201701/yuanma/dotton-lendoo-wx-master(jb51.net).rar，歡迎下載。

小程序端文檔出處：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-pay.html

微信支付服務(wù)端側(cè)文檔出處：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1

類(lèi)比文檔出處：https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_1

開(kāi)發(fā)步驟：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

您可能感興趣的文章: