微信小程序 微信支付服务端集

理论上集成微信支付的全部工作可以在小程序端完成,因为小程序js有访问网络的能力,但是为了安全,不暴露敏感key,而且可以使用官方提供的现成php demo更省力,于是在服务端完成签名与发起请求,小程序端只做一个wx.requestPayment(OBJECT)接口的对接。
整体集成过程与JSAPI、APP类似,先统一下单,然后拿返回的结果来请求支付。
一共三步:
1.小程序端通过wx.login的返回的code换取openid 2.服务端向微信统一下单 3.小程序端发起支付
事先准备好这几样东西:
APPID = 'wx426b3015555a46be'; MCHID = '1900009851'; KEY = '8934e7d15453e97507ef794cf7b0519d'; APPSECRET = '7813490da6f1265e4901ffb80afaa36f';
PHP SDK,下载链接见文尾
第1、4样是申请小程序时获得的,第2、3样是申请开通微信支付时获得的,注意第3、4样长得比较像,其实是2个东西,两者混淆将导致签名通不过。
向微信端下单,得到prepay_id
1. 创建一个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. 实现index方法
function index() {
// 初始化值对象
$input = new WxPayUnifiedOrder();
// 文档提及的参数规范:商家名称-销售商品类目
$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'));
// 向微信统一下单,并返回order,它是一个array数组
$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 签名,本函数不覆盖sign成员变量,如要设置签名需要调用SetSign方法赋值
*/
public function MakeSign()
{
//签名步骤一:按字典序排序参数
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) {
//发起网络请求
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('获取用户登录态失败!' + res.errMsg)
}
}
});
从控制台看到已经成功拿到openid,剩下的事情就是将它传到服务端就好了,服务端那边$this->input->post('openId')等着收呢。
5. 小程序端向https://lendoo.leanapp.cn/index.php/WXPay发起请求,作统一下单
//统一下单接口对接
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
// 发起支付
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啊
支付成功截图
吐槽完文档再吐槽下命名规则,GetSpbill_create_ip()、IsSpbill_create_ipSet()都是些什么鬼一会儿下划线分隔一会儿驼峰分隔,成员方法首字母还大写,unifiedOrder()这种正经写法也不忘来比划两下,看来网上说大公司的sdk都是实习生撰写是真事,可code reviewer又在哪里?
该demo源码地址:
http://xiazai./201701/yuanma/dotton-lendoo-wx-master().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
开发步骤: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
# 微信小程序
# 微信支付
# 微信支付实例
# 支付
# 微信小程序-详解微信登陆、微信支付、模板消息
# 微信小程序 支付后台java实现实例
# 微信小程序 支付功能开发错误总结
# 微信小程序 支付简单实例及注意事项
# 微信小程序支付及退款流程详解
# 微信小程序 支付功能实现PHP实例详解
# 微信小程序微信支付接入开发实例详解
# 微信小程序调用微信支付接口的实现方法
# 微信小程序 支付功能(前端)的实现
# 关于微信小程序实现云支付那些事儿
# 服务端
# 下单
# 文档
# 都是
# 是由
# 会儿
# 中取
# 是一个
# 是在
# 下划线
# 些什么
# 它是
# 等着
# 可以通过
# 长得
# 弹出
# 可以使用
# 将它
# 不忘
# 理论上
相关文章:
建站主机与虚拟主机有何区别?如何选择最优方案?
如何快速搭建二级域名独立网站?
建站之星免费版是否永久可用?
公司网站的制作公司,企业网站制作基本流程有哪些?
标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
深圳网站制作平台,深圳市做网站好的公司有哪些?
如何通过万网虚拟主机快速搭建网站?
SAX解析器是什么,它与DOM在处理大型XML文件时有何不同?
猪八戒网站制作视频,开发一个猪八戒网站,大约需要多少?或者自己请程序员,需要什么程序员,多少程序员能完成?
如何快速使用云服务器搭建个人网站?
如何通过虚拟主机快速完成网站搭建?
c# await 一个已经完成的Task会发生什么
5种Android数据存储方式汇总
建站之星如何取消后台验证码生成?
如何选择适配移动端的WAP自助建站平台?
在线制作视频的网站有哪些,电脑如何制作视频短片?
怎么将XML数据可视化 D3.js加载XML
简单实现Android验证码
个人网站制作流程图片大全,个人网站如何注销?
如何在新浪SAE免费搭建个人博客?
小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?
免费视频制作网站,更新又快又好的免费电影网站?
如何在橙子建站上传落地页?操作指南详解
如何用wdcp快速搭建高效网站?
专业网站设计制作公司,如何制作一个企业网站,建设网站的基本步骤有哪些?
Bpmn 2.0的XML文件怎么画流程图
为什么Go需要go mod文件_Go go mod文件作用说明
已有域名如何快速搭建专属网站?
模具网站制作流程,如何找模具客户?
如何正确下载安装西数主机建站助手?
上海网站制作开发公司,上海买房比较好的网站有哪些?
如何通过wdcp面板快速创建网站?
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
建站之星CMS建站配置指南:模板选择与SEO优化技巧
哈尔滨网站建设策划,哈尔滨电工证查询网站?
建站主机核心功能解析:服务器选择与网站搭建流程指南
建站之星后台密码如何安全设置与找回?
网站网页制作专业公司,怎样制作自己的网页?
股票网站制作软件,网上股票怎么开户?
如何通过二级域名建站提升品牌影响力?
如何规划企业建站流程的关键步骤?
如何获取PHP WAP自助建站系统源码?
建站主机助手选型指南:2025年热门推荐与高效部署技巧
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
如何破解联通资金短缺导致的基站建设难题?
如何通过老薛主机一键快速建站?
如何获取上海专业网站定制建站电话?
如何在VPS电脑上快速搭建网站?
建站之星在线版空间:自助建站+智能模板一键生成方案
*请认真填写需求信息,我们会在24小时内与您取得联系。