PHP:微信小程序 微信支付服務(wù)端集成實例詳解及源碼下載
微信小程序 微信支付服務(wù)端集
理論上集成微信支付的全部工作可以在小程序端完成,因為小程序js有訪問網(wǎng)絡(luò)的能力,但是為了安全,不暴露敏感key,而且可以使用官方提供的現(xiàn)成php demo更省力,于是在服務(wù)端完成簽名與發(fā)起請求,小程序端只做一個wx.requestPayment(OBJECT)接口的對接。
整體集成過程與JSAPI、APP類似,先統(tǒng)一下單,然后拿返回的結(jié)果來請求支付。
一共三步:
1.小程序端通過wx.login的返回的code換取openid 2.服務(wù)端向微信統(tǒng)一下單 3.小程序端發(fā)起支付
事先準備好這幾樣?xùn)|西:
APPID = 'wx426b3015555a46be'; MCHID = '1900009851'; KEY = '8934e7d15453e97507ef794cf7b0519d'; APPSECRET = '7813490da6f1265e4901ffb80afaa36f';
PHP SDK,下載鏈接見文尾
第1、4樣是申請小程序時獲得的,第2、3樣是申請開通微信支付時獲得的,注意第3、4樣長得比較像,其實是2個東西,兩者混淆將導(dǎo)致簽名通不過。
向微信端下單,得到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
改成自己申請得到相應(yīng)key
3. 實現(xiàn)index方法
function index() { // 初始化值對象 $input = new WxPayUnifiedOrder(); // 文檔提及的參數(shù)規(guī)范:商家名稱-銷售商品類目 $input->SetBody("靈動商城-手機"); // 訂單號應(yīng)該是由小程序端傳給服務(wù)端的,在用戶下單時即生成,demo中取值是一個生成的時間戳 $input->SetOut_trade_no('123123123'); // 費用應(yīng)該是由小程序端傳給服務(wù)端的,在用戶下單時告知服務(wù)端應(yīng)付金額,demo中取值是1,即1分錢 $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,它是一個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也已經(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)為大寫 $result = strtoupper($string); return $result; }
4. 小程序內(nèi)調(diào)用登錄接口,獲取openid
向微信登錄請求,拿到code,再將code提交換取openId
wx.login({ success: function(res) { if (res.code) { //發(fā)起網(wǎng)絡(luò)請求 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) } } });
從控制臺看到已經(jīng)成功拿到openid,剩下的事情就是將它傳到服務(wù)端就好了,服務(wù)端那邊$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' }, });
得到如下結(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); } });
模擬器測試,將彈出一個二維碼供掃描
結(jié)果報了一個錯誤:
errMsg:"requestPayment:fail" err_code:2 err_desc:"支付驗證簽名失敗"
key需要加入到簽名中?。。?/strong>'appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16*e536b192d5d03b"這才是完整的。
可是文檔里明明沒提到key啊
支付成功截圖
吐槽完文檔再吐槽下命名規(guī)則,GetSpbill_create_ip()、IsSpbill_create_ipSet()都是些什么鬼一會兒下劃線分隔一會兒駝峰分隔,成員方法首字母還大寫,unifiedOrder()這種正經(jīng)寫法也不忘來比劃兩下,看來網(wǎng)上說大公司的sdk都是實習(xí)生撰寫是真事,可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
類比文檔出處: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
相關(guān)文章
微信小程序 input輸入及動態(tài)設(shè)置按鈕的實現(xiàn)
這篇文章主要介紹了微信小程序 input輸入及動態(tài)設(shè)置按鈕的實現(xiàn)的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-10-10http proxy 對網(wǎng)絡(luò)請求進行代理使用詳解
這篇文章主要為大家介紹了http proxy 對網(wǎng)絡(luò)請求進行代理使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09ResizeObserver 監(jiān)視 DOM大小變化示例詳解
這篇文章主要為大家介紹了ResizeObserver 監(jiān)視 DOM大小變化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10微信小程序 出現(xiàn)47001 data format error原因解決辦法
這篇文章主要介紹了微信小程序 出現(xiàn)47001 data format error原因解決辦法的相關(guān)資料,需要的朋友可以參考下2017-03-03JavaScript專題之underscore防抖實例學(xué)習(xí)
這篇文章主要為大家介紹了JavaScript專題之underscore防抖實例學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09