PHP:微信小程序 微信支付服務端集成實例詳解及源碼下載
微信小程序 微信支付服務端集
理論上集成微信支付的全部工作可以在小程序端完成,因為小程序js有訪問網絡的能力,但是為了安全,不暴露敏感key,而且可以使用官方提供的現(xiàn)成php demo更省力,于是在服務端完成簽名與發(fā)起請求,小程序端只做一個wx.requestPayment(OBJECT)接口的對接。
整體集成過程與JSAPI、APP類似,先統(tǒng)一下單,然后拿返回的結果來請求支付。
一共三步:
1.小程序端通過wx.login的返回的code換取openid 2.服務端向微信統(tǒng)一下單 3.小程序端發(fā)起支付
事先準備好這幾樣東西:
APPID = 'wx426b3015555a46be'; MCHID = '1900009851'; KEY = '8934e7d15453e97507ef794cf7b0519d'; APPSECRET = '7813490da6f1265e4901ffb80afaa36f';
PHP SDK,下載鏈接見文尾
第1、4樣是申請小程序時獲得的,第2、3樣是申請開通微信支付時獲得的,注意第3、4樣長得比較像,其實是2個東西,兩者混淆將導致簽名通不過。
向微信端下單,得到prepay_id
1. 創(chuàng)建一個Controller,引并WxPay.Api.php類
<?php
require_once __DIR__ . '/BaseController.php';
require_once __DIR__ . '/../third_party/wxpay/WxPay.Api.php';
class WXPay extends BaseController {
function index() {
}
}
之后可以通過index.php/wxpay來作訪問請求
2. 修改配置文件WxPay.Config.php
改成自己申請得到相應key
3. 實現(xiàn)index方法
function index() {
// 初始化值對象
$input = new WxPayUnifiedOrder();
// 文檔提及的參數(shù)規(guī)范:商家名稱-銷售商品類目
$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'));
// 向微信統(tǒng)一下單,并返回order,它是一個array數(shù)組
$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 簽名,本函數(shù)不覆蓋sign成員變量,如要設置簽名需要調用SetSign方法賦值
*/
public function MakeSign()
{
//簽名步驟一:按字典序排序參數(shù)
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) {
//發(fā)起網絡請求
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('獲取用戶登錄態(tài)失?。? + res.errMsg)
}
}
});
從控制臺看到已經成功拿到openid,剩下的事情就是將它傳到服務端就好了,服務端那邊$this->input->post('openId')等著收呢。
5. 小程序端向https://lendoo.leanapp.cn/index.php/WXPay發(fā)起請求,作統(tǒng)一下單
//統(tǒng)一下單接口對接
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
// 發(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);
}
});
模擬器測試,將彈出一個二維碼供掃描
結果報了一個錯誤:
errMsg:"requestPayment:fail" err_code:2 err_desc:"支付驗證簽名失敗"
key需要加入到簽名中?。?!'appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16*e536b192d5d03b"這才是完整的。
可是文檔里明明沒提到key啊
支付成功截圖
吐槽完文檔再吐槽下命名規(guī)則,GetSpbill_create_ip()、IsSpbill_create_ipSet()都是些什么鬼一會兒下劃線分隔一會兒駝峰分隔,成員方法首字母還大寫,unifiedOrder()這種正經寫法也不忘來比劃兩下,看來網上說大公司的sdk都是實習生撰寫是真事,可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
微信支付服務端側文檔出處: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
開發(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
相關文章
微信小程序 input輸入及動態(tài)設置按鈕的實現(xiàn)
這篇文章主要介紹了微信小程序 input輸入及動態(tài)設置按鈕的實現(xiàn)的相關資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-10-10
ResizeObserver 監(jiān)視 DOM大小變化示例詳解
這篇文章主要為大家介紹了ResizeObserver 監(jiān)視 DOM大小變化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10
微信小程序 出現(xiàn)47001 data format error原因解決辦法
這篇文章主要介紹了微信小程序 出現(xiàn)47001 data format error原因解決辦法的相關資料,需要的朋友可以參考下2017-03-03








