>[info] 完整的小程序支付代碼請查看WeiPHP根目錄下的weiapp_demo目錄
小程序提供了微信支付接口,但需要后端服務器先調用統一下單接口先下單,得到prepay_id才能支付。
因此首先我們需要先讓后端服務統一下單,下單需要的參數如下
| 參數名 | 類型 | 必填 | 說明 |
| --- | --- | --- | --- |
| money | Float(10,2) | 是 | 單位:元,訂單的金額 |
| body | String(128) | 否 | 商品描述,格式: 商家名稱-銷售商品類目 |
| out_trade_no | String(32) | 否 | 商戶訂單號,商戶系統內部的訂單號,32個字符內、可包含字母 |
| openid | String(128) | 否 | 用戶標識 |
調用例子:
~~~
order: function () {
var url = app.url + 'weiapp/Api/payment&PHPSESSID=' + wx.getStorageSync('PHPSESSID')
var that = this
wx.request({ //讓服務器端統一下單,并返回小程序支付的參數
url: url,
data: {
money: 1, //支付1元
openid: wx.getStorageSync('openid')
},
success: function (res) {
if (res.data.status == 0) {//服務器參數返回不正常,顯示錯誤信息
wx.showToast({
title: res.data.msg,
icon: '../../images/icon_wrong.png',
duration: 2000,
})
} else { //服務器參數返回正常,調用小程序支付接口
that.payment(res.data)
}
}
})
},
~~~
后端服務器PHP的payment方法,在這方法里我們指定Home/Service/payok 為異步接收微信的支付結果
~~~
function payment()
{
$info = get_pbid_appinfo();
$money = I('money');
$body = I('body');
if (empty($body)) {
// 商家名稱-銷售商品類目
$body = $info ['public_name'] . '-服務購買';
}
$out_trade_no = I('out_trade_no');
if (empty($out_trade_no)) {
$out_trade_no = date('ymd') . NOW_TIME . rand(100, 999);
}
$openid = I('openid');
if (empty($openid)) {
$token = get_pbid();
$openid = $GLOBALS ['myinfo'] [$token] ['openid'];
}
$appid = $info ['appid'];
$param ['body'] = $body;
$param ['out_trade_no'] = $out_trade_no;
$param ['total_fee'] = $money * 100;
$param ['openid'] = $openid;
$param ['mch_id'] = $info ['mch_id'];
$param ['partner_key'] = $info ['partner_key'];
$param ['attach'] = I('username');
$order = D('weixin/Payment')->weiapp_pay($appid, $param, 'Home/Service/payok');
echo json_url($order);
}
~~~
下完單后返回小程序支付需要的全部參數,直接使用即可
~~~
payment: function (data) {
wx.requestPayment({
'timeStamp': data.timeStamp,
'nonceStr': data.nonceStr,
'package': data.package,
'signType': data.signType,
'paySign': data.paySign,
success: function (res) { //支付成功,提示用戶
wx.showToast({
title: '支付成功',
icon: 'success',
duration: 2000,
})
},
fail: function (res) { //支付失敗,提示失敗原因
wx.showToast({
title: res.errMsg,
icon: '../../images/icon_wrong.png',
duration: 2000,
})
}
})
}
~~~
要查詢微信支付結果,可參考下一章:[異步接收支付結果](asynchronous_reception_of_payment_results.md) 章節
- 序言
- 安裝
- composer安裝
- git安裝
- 下載源碼安裝
- 初始化數據庫
- 增加定時任務
- 問題反饋
- 快速入門
- 系統框架圖
- 系統功能清單
- 目錄結構
- 數據庫字典
- 插件開發
- 插件介紹
- 插件管理
- 創建插件
- 插件庫
- 免費插件安裝
- 付費插件安裝
- 插件部署安裝
- 數據模型
- 模型介紹
- 創建模型
- 模型管理
- 菜單配置
- 菜單介紹
- 增加菜單
- 公眾號開發
- 公眾號配置
- 快遞接口配置
- 小程序開發
- 案例說明
- 小程序配置
- 自動獲取用戶信息
- 短信驗證碼
- 上傳圖片
- 生成小程序事件二維碼
- 小程序支付
- 微信平臺支付配置
- 小程序微信支付配置
- 小程序調用支付功能
- 異步接收支付結果
- 模板消息
- 消息模板配置
- 支付后發模板消息
- 提交表單后發模板消息
- 客服
- mpvue開發
- 項目打包
- 插件安裝編譯
- 部署
- Liunx服務器部署
- Window集成包部署
- 常見問題
- 上傳圖片失敗
- PATHINFO配置
- 該公眾號提供的服務出現故障
- 調試工具postman安裝
- 商城商品有庫存但顯示已售罄