公众号支付是指在微信app中访问的页面通过js直接调起微信支付;
首先第一个步骤登录微信公众平台然后
1.设置域名(设置授权域名和支付域名)
①设置网页授权域名并且设置白名单(添加你自己服务器公网ip)如下图所示
②设置支付域名,去微信商户后台,产品中心的 开发配置中设置支付授权目录;把域名改为自己的;如下图所示
二:导入sdk
/ThinkPHP/Library/Vendor/Weixinpay
该sdk是PHP白均瑶博客码云中的开源项目 点击下载sdk
Weixinpay.php
<?php
error_reporting(E_ALL);
ini_set('display_errors', '1');
// 定义时区
ini_set('date.timezone','Asia/Shanghai');
class Weixinpay {
// 定义配置项
private $config=array(
'APPID' => '', // 微信支付APPID
'MCHID' => '', // 微信支付MCHID 商户收款账号
'KEY' => '', // 微信支付KEY
'APPSECRET' => '', //公众帐号secert
'NOTIFY_URL' => 'http://baijunyao.com/Api/WeixPay/notify/order_number/', // 接收支付状态的连接 改成自己的域名
);
// 构造函数
public function __construct(){
// 如果是在thinkphp中 那么需要补全/Application/Common/Conf/config.php中的配置
// 如果不是在thinkphp框架中使用;那么注释掉下面一行代码;直接补全 private $config 即可
$this->config=C('WEIXINPAY_CONFIG');
}
/**
* 统一下单
* @param array $order 订单 必须包含支付所需要的参数 body(产品描述)、total_fee(订单金额)、out_trade_no(订单号)、product_id(产品id)、trade_type(类型:JSAPI,NATIVE,APP)
*/
public function unifiedOrder($order){
// 获取配置项
$weixinpay_config=$this->config;
$config=array(
'appid'=>$weixinpay_config['APPID'],
'mch_id'=>$weixinpay_config['MCHID'],
'nonce_str'=>'test',
'spbill_create_ip'=>'192.168.0.1',
'notify_url'=>$weixinpay_config['NOTIFY_URL']
);
// 合并配置数据和订单数据
$data=array_merge($order,$config);
// 生成签名
$sign=$this->makeSign($data);
$data['sign']=$sign;
$xml=$this->toXml($data);
$url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';//接收xml数据的文件
$header[] = "Content-type: text/xml";//定义content-type为xml,注意是数组
$ch = curl_init ($url);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 兼容本地没有指定curl.cainfo路径的错误
curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
$response = curl_exec($ch);
if(curl_errno($ch)){
// 显示报错信息;终止继续执行
die(curl_error($ch));
}
curl_close($ch);
$result=$this->toArray($response);
// 显示错误信息
if ($result['return_code']=='FAIL') {
die($result['return_msg']);
}
$result['sign']=$sign;
$result['nonce_str']='test';
return $result;
}
/**
* 验证
* @return array 返回数组格式的notify数据
*/
public function notify(){
// 获取xml
$xml=file_get_contents('php://input', 'r');
// 转成php数组
$data=$this->toArray($xml);
// 保存原sign
$data_sign=$data['sign'];
// sign不参与签名
unset($data['sign']);
$sign=$this->makeSign($data);
// 判断签名是否正确 判断支付状态
if ($sign===$data_sign && $data['return_code']=='SUCCESS' && $data['result_code']=='SUCCESS') {
$result=$data;
}else{
$result=false;
}
// 返回状态给微信服务器
if ($result) {
$str='<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>';
}else{
$str='<xml><return_code><![CDATA[FAIL]]></return_code><return_msg><![CDATA[签名失败]]></return_msg></xml>';
}
echo $str;
return $result;
}
/**
* 输出xml字符
* @throws WxPayException
**/
public function toXml($data){
if(!is_array($data) || count($data) <= 0){
throw new WxPayException("数组数据异常!");
}
$xml = "<xml>";
foreach ($data as $key=>$val){
if (is_numeric($val)){
$xml.="<".$key.">".$val."</".$key.">";
}else{
$xml.="<".$key."><![CDATA[".$val."]]></".$key.">";
}
}
$xml.="</xml>";
return $xml;
}
/**
* 生成签名
* @return 签名,本函数不覆盖sign成员变量,如要设置签名需要调用SetSign方法赋值
*/
public function makeSign($data){
// 去空
$data=array_filter($data);
//签名步骤一:按字典序排序参数
ksort($data);
$string_a=http_build_query($data);
$string_a=urldecode($string_a);
//签名步骤二:在string后加入KEY
$config=$this->config;
$string_sign_temp=$string_a."&key=".$config['KEY'];
//签名步骤三:MD5加密
$sign = md5($string_sign_temp);
// 签名步骤四:所有字符转为大写
$result=strtoupper($sign);
return $result;
}
/**
* 将xml转为array
* @param string $xml xml字符串
* @return array 转换得到的数组
*/
public function toArray($xml){
//禁止引用外部xml实体
libxml_disable_entity_loader(true);
$result= json_decode(json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA)), true);
return $result;
}
/**
* 获取jssdk需要用到的数据
* @return array jssdk需要用到的数据
*/
public function getParameters(){
// 获取配置项
$config=$this->config;
// 如果没有get参数没有code;则重定向去获取openid;
if (!isset($_GET['code'])) {
// 获取订单号
$out_trade_no=I('get.out_trade_no',1,'intval');
// 返回的url
$redirect_uri=U('Api/Weixinpay/pay','','',true);
$redirect_uri=urlencode($redirect_uri);
$url='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$config['APPID'].'&redirect_uri='.$redirect_uri.'&response_type=code&scope=snsapi_base&state='.$out_trade_no.'#wechat_redirect';
redirect($url);
}else{
// 如果有code参数;则表示获取到openid
$code=I('get.code');
// 取出订单号
$out_trade_no=I('get.state',0,'intval');
// 组合获取prepay_id的url
$url='https://api.weixin.qq.com/sns/oauth2/access_token?appid='.$config['APPID'].'&secret='.$config['APPSECRET'].'&code='.$code.'&grant_type=authorization_code';
// curl获取prepay_id
$result=$this->https_request($url);
$result=json_decode($result,true);
$openid=$result['openid'];
// 订单数据 请根据订单号out_trade_no 从数据库中查出实际的body、total_fee、out_trade_no、product_id
$order=array(
'body'=>'test',// 商品描述(需要根据自己的业务修改)
'total_fee'=>1,// 订单金额 以(分)为单位(需要根据自己的业务修改)
'out_trade_no'=>$out_trade_no,// 订单号(需要根据自己的业务修改)
'product_id'=>'1',// 商品id(需要根据自己的业务修改)
'trade_type'=>'JSAPI',// JSAPI公众号支付
'openid'=>$openid// 获取到的openid
);
// 统一下单 获取prepay_id
$unified_order=$this->unifiedOrder($order);
// 获取当前时间戳
$time=time();
// 组合jssdk需要用到的数据
$data=array(
'appId'=>$config['APPID'], //appid
'timeStamp'=>strval($time), //时间戳
'nonceStr'=>$unified_order['nonce_str'],// 随机字符串
'package'=>'prepay_id='.$unified_order['prepay_id'],// 预支付交易会话标识
'signType'=>'MD5'//加密方式
);
// 生成签名
$data['paySign']=$this->makeSign($data);
return $data;
}
}
需要注意函数中getParameters中的商品数据需要根据业务实际情况从数据库中获取;
三:配置项
/Application/Common/Conf/config.php
- 'WEIXINPAY_CONFIG' => array(
- 'APPID' => '', // 微信支付APPID
- 'MCHID' => '', // 微信支付MCHID 商户收款账号
- 'KEY' => '', // 微信支付KEY
- 'APPSECRET' => '', // 公众帐号secert (公众号支付专用)
- 'NOTIFY_URL' => 'http://baidexuan.com/Api/Weixinpay/notify', // 接收支付状态的连接
- ),
在微信公众平台和微信支付平台凑齐上面这些参数;
则需要在自己的公共函数中增加https_request;
/Application/Common/Common/function.php
/** * 使用curl获取远程数据 * @param string $url url连接 * @return string 获取到的数据 */ function https_request($url, $data = null) { $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE); if (!empty($data)){ curl_setopt($curl, CURLOPT_POST, 1); curl_setopt($curl, CURLOPT_POSTFIELDS, $data); } curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); $output = curl_exec($curl); curl_close($curl); return $output; }
四:支付方法
/Application/Api/Controller/WeixinpayController.class.php
- public function pay(){
- // 导入微信支付sdk
- Vendor('Weixinpay.Weixinpay');
- $wxpay=new Weixinpay();
- // 获取jssdk需要用到的数据
- $data=$wxpay->getParameters();
- // 将数据分配到前台页面
- $assign=array(
- 'data'=>json_encode($data)
- );
- $this->assign($assign);
- $this->display();
- }
需要html的配合:/home/order/pay.html
- <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>支付</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/public.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bottomTap.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/myStyle.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/pay.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layer/need/layer.css"/>
<script type="text/javascript" src="__PUBLIC__/layer/layer.js" ></script>
<script type="text/javascript" src="__PUBLIC__/owl/js/jquery-1.8.3.min.js" ></script>
</head>
<body>
<!–顶部标题–>
<div class="nav text-center">
<a href="#" onClick="javascript:history.back(-1);"><button type="button" class="mybtn pull-left back">
<img src="__PUBLIC__/img/list/right.png"/>
</button></a>
<span class="font16">发起支付</span>
</div>
<!– <input type="hidden" value="{$orderid}" id="orderid"> –>
<!– <input type="hidden" value="{$code}" id="code"> –>
<!–顶部标题–>
<!– <div class="container-fluid cont">
<div class="row">
<div class="col-xs-12 pad-up15 bor-b-f2">
<img class="wx" src="__PUBLIC__/img/pay/weixin.png"/>
<span class="font15">微信支付</span>
<span class="circle pull-right"></span>
</div>
<input type="hidden" value="{$orderId}" id="orderid">
<div class="col-xs-12 pad-up15 bor-b-f2">
<img class="wx" src="__PUBLIC__/img/pay/ali.png"/>
<span class="font15">支付宝支付</span>
<span class="circle pull-right"></span>
</div>
</div>
</div> –>
<div class="container-full bg-fff toal-list ">
<div class="col-xs-12 padd_0 font17">
<div class="pull-right">
<!– <span class="color-669900 t-all">支付:¥{$sumprice}</span> –>
<button type="button" class="set " οnclick="getOrder()">
支付
</button>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="__PUBLIC__/js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript">
function onBridgeReady(){
var data={$data};
WeixinJSBridge.invoke(
'getBrandWCPayRequest', data,
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
window.location.href = '/index.php/home/user/getcouponcenter';
// 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠。
} //支付过程中用户取消
if(res.err_msg == "get_brand_wcpay_request:cancel" ) {
layer.open({
content: '支付失败'
,skin: 'msg'
,time: 3 //3秒后自动关闭
});
}
if(res.err_msg == "get_brand_wcpay_request:fail" ) {
layer.open({
content: '支付失败'
,skin: 'msg'
,time: 3 //3秒后自动关闭
});
}
}
);
}
function getOrder(){
var data={$data};
WeixinJSBridge.invoke(
'getBrandWCPayRequest', data,
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
window.location.href = '/index.php/home/user/getcouponcenter';
// 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠。
} //支付过程中用户取消
if(res.err_msg == "get_brand_wcpay_request:cancel" ) {
layer.open({
content: '支付失败'
,skin: 'msg'
,time: 3 //3秒后自动关闭
});
}
if(res.err_msg == "get_brand_wcpay_request:fail" ) {
layer.open({
content: '支付失败'
,skin: 'msg'
,time: 3 //3秒后自动关闭
});
}
}
);
}
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
</script>
</html>
调用示例:/Application/Home/Controller/orderController.class.php 中的makeorder方法
- /**
- * 生成预支付订单,拿着这个订单,发起微信jsapi 支付
- */
- public function makeorder(){
- 此处生成预支付订单,拿着这个订单,发起微信jsapi 支付
- // 组合url
- $url=U('home/order/pay',array('out_trade_no'=>$out_trade_no));
- // 前往支付
- redirect($url);
- }
五:异步接收通知
/Application/Api/Controller/WeixinpayController.class.php
* notify_url接收页面
*/
public function notify(){
// ↓↓↓下面的file_put_contents是用来简单查看异步发过来的数据 测试完可以删除;↓↓↓
// 获取xml
$xml=file_get_contents('php://input', 'r');
//转成php数组 禁止引用外部xml实体
libxml_disable_entity_loader(true);
$data= json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA));
file_put_contents('./notify.text', $data);
// ↑↑↑上面的file_put_contents是用来简单查看异步发过来的数据 测试完可以删除;↑↑↑
// 导入微信支付sdk
Vendor('Weixinpay.Weixinpay');
$wxpay=new Weixinpay();
$result=$wxpay->notify();
if ($result) {
// 验证成功 修改数据库的订单状态等 $result['out_trade_no']为订单id
}
}
如果出现签名错误;
可以使用官方的 微信公众平台支付接口调试工具
跟自己生产的签名对比;
然后对比配置;查找不一致的地方;
如果遇到问题,请在下方留言