PHP:微信小程序 微信支付服務(wù)端集成實(shí)例詳解及源碼下載
微信小程序 微信支付服務(wù)端集
理論上集成微信支付的全部工作可以在小程序端完成,因?yàn)樾〕绦騤s有訪問(wèn)網(wǎng)絡(luò)的能力,但是為了安全,不暴露敏感key,而且可以使用官方提供的現(xiàn)成php demo更省力,于是在服務(wù)端完成簽名與發(fā)起請(qǐng)求,小程序端只做一個(gè)wx.requestPayment(OBJECT)接口的對(duì)接。
整體集成過(guò)程與JSAPI、APP類似,先統(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類
<?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)作訪問(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ī)范:商家名稱-銷售商品類目 $input->SetBody("靈動(dòng)商城-手機(jī)"); // 訂單號(hào)應(yīng)該是由小程序端傳給服務(wù)端的,在用戶下單時(shí)即生成,demo中取值是一個(gè)生成的時(shí)間戳 $input->SetOut_trade_no('123123123'); // 費(fèi)用應(yīng)該是由小程序端傳給服務(wù)端的,在用戶下單時(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('獲取用戶登錄態(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ì)兒下劃線分隔一會(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
類比文檔出處: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
- 微信小程序-詳解微信登陸、微信支付、模板消息
- 微信小程序 支付后臺(tái)java實(shí)現(xiàn)實(shí)例
- 微信小程序 支付功能開(kāi)發(fā)錯(cuò)誤總結(jié)
- 微信小程序 支付簡(jiǎn)單實(shí)例及注意事項(xiàng)
- 微信小程序支付及退款流程詳解
- 微信小程序 支付功能實(shí)現(xiàn)PHP實(shí)例詳解
- 微信小程序微信支付接入開(kāi)發(fā)實(shí)例詳解
- 微信小程序調(diào)用微信支付接口的實(shí)現(xiàn)方法
- 微信小程序 支付功能(前端)的實(shí)現(xiàn)
- 關(guān)于微信小程序?qū)崿F(xiàn)云支付那些事兒
相關(guān)文章
微信小程序 input輸入及動(dòng)態(tài)設(shè)置按鈕的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 input輸入及動(dòng)態(tài)設(shè)置按鈕的實(shí)現(xiàn)的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-10-10http proxy 對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行代理使用詳解
這篇文章主要為大家介紹了http proxy 對(duì)網(wǎng)絡(luò)請(qǐng)求進(jìn)行代理使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09ResizeObserver 監(jiān)視 DOM大小變化示例詳解
這篇文章主要為大家介紹了ResizeObserver 監(jiān)視 DOM大小變化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10微信小程序 出現(xiàn)47001 data format error原因解決辦法
這篇文章主要介紹了微信小程序 出現(xiàn)47001 data format error原因解決辦法的相關(guān)資料,需要的朋友可以參考下2017-03-03JavaScript專題之underscore防抖實(shí)例學(xué)習(xí)
這篇文章主要為大家介紹了JavaScript專題之underscore防抖實(shí)例學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09面試手寫(xiě)實(shí)現(xiàn)Promise.all
這篇文章主要為大家介紹了面試手寫(xiě)實(shí)現(xiàn)Promise.all過(guò)程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06