<!DOCTYPE html>//前端部分
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id="payBtn">支付</button>
<script type="text/javascript" charset="UTF-8" src="https://baidu.com/public/js/jweixin-1.2.0.js"></script>
<script>
var pay = document.getElementById("payBtn")
pay.onclick = function () {
var xhr = new XMLHttpRequest()
xhr.open('POST', 'https://baidu.com/homeapi/PayTest/pay_js_way.html', true);
xhr.send()
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
var id = data.data.data.appId
var time = data.data.data.timeStamp
var nonce = data.data.data.nonceStr
var pack = data.data.data.package
var sign = data.data.data.signType
var pay = data.data.data.paySign
onBridgeReady(id, time, nonce, pack, sign, pay)
} else {
console.log("失败")
}
}
}
// "data": {
// "appId": "wxe4a8d79105bd83cc",
// "timeStamp": "1567216353",
// "nonceStr": "test",
// "package": "prepay_id=wx310952338088678d51dfc1801624427700",
// "signType": "MD5",
// "paySign": "813847323C95AA9B7D08735C789BA998"
// }
//URI无请求数据
}
function onBridgeReady(id, time, nonce, pack, sign, pay) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: id, // 必填,公众号的唯一标识
timestamp: time, // 必填,生成签名的时间戳
nonceStr: nonce, // 必填,生成签名的随机串
signature: sign,// 必填,签名,见附录1
jsApiList: ['chooseWXPay'] // 必填,需要使用的JS接口列表,这里只写支付的
});
wx.ready(function () {
wx.chooseWXPay({
appId: id,
timestamp: time, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: nonce, // 支付签名随机串,不长于 32 位
package: pack, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***)
signType: sign, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
paySign: pay, // 支付签名
success: function (res) {
// 支付成功后的回调函数
console.log(res.errMsg);
if (res.errMsg == "chooseWXPay:ok") {
//支付成功
console.log('支付成功');
} else {
console.log(res.errMsg);
}
},
cancel: function (res) {
//支付取消
console.log('支付取消');
}
});
});
}
// WeixinJSBridge.invoke(
// 'getBrandWCPayRequest', {
// "appId":id , //公众号名称,由商户传入
// "timeStamp": time, //时间戳,自1970年以来的秒数
// "nonceStr": nonce, //随机串
// "package": pack,
// "signType":sign, //微信签名方式:
// "paySign":pay //微信签名
// },
// function (res) {
// if (res.err_msg == "get_brand_wcpay_request:ok") {
// // 使用以上方式判断前端返回,微信团队郑重提示:
// //res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
// }
// });
// }
// 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>
</body>
</html>
后端部分:
public function pay_js_way(){
$params['body'] = '测试支付'; //商品描述
$params['order_trade'] ='BEME201909121948279810'; //自定义的订单号
$params['fee'] = 1;
$params['openid'] = 'ocppFw2mJ3jNrQqf465wYokQgi69';
$_GET['code']='hfdhfhfhfdjhfd546656';
//vendor('weixinpay.WeiJsPay');
//$wxpay=new \WeiJsPay();
$data=$this->getParameters($params);
//var_dump($data);
// var_dump($data);
//$this->assign('data',json_encode($data));
//$this->display('test/test1');
if($data){
$this->api_return(1, '上传成功', ['data'=>$data]);
}else{
$this->api_return(0, '失败');
}
}
protected function api_return($code, $msg, $data = [])
{
$result = [
'errcode' => $code,
'message' => $msg,
'data' => $data
];
exit(json($result)->send());
}
// 定义配置项
private $config = array(
'APPID' => 'APPID', // 微信支付APPID
'MCHID' => 'MCHID', // 微信支付MCHID 商户收款账号
'KEY' => 'KEY', // 微信支付KEY
'APPSECRET' => 'APPSECRET', //公众帐号secbaidu.comert
'NOTIFY_URL' => 'https://baidu.com/homeapi/PayTest/notify', // 接收支付状态的连接 改成自己的域名
);
/**
* 统一下单
* @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' => 'ip',
'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;
}
/**
* 输出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;
}
/**
* 将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($params){
// 获取配置项
$config = $this->config;
// 如果没有get参数没有code;则重定向去获取openid;
if (!isset($_GET['code'])) {
// 获取订单号
//$out_trade_no = I('get.out_trade_no', 1, 'intval');
//$out_trade_no ='Urwx'.rand(100000,999999).time();
// 返回的url
//$redirect_uri = U('Home/PayWeih5/pay', '', '', true);
$redirect_uri = urlencode($params['redirect_url']);
$url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' . $config['APPID'] . '&redirect_uri=' . $redirect_uri . '&response_type=code&scope=snsapi_base&state=' . $params['order_trade'] . '#wechat_redirect';
redirect($url);
} else {
// 如果有code参数;则表示获取到openid
/* $code = I('get.code');
// 取出订单号
//$out_trade_no = I('get.state', 0, 'intval');
//$out_trade_no ='Urwx'.rand(100000,999999).time();
// 组合获取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';
//var_dump($url);
// curl获取prepay_id
//$result = $this->curl_get_contents($url);
//$result = json_decode($result, true);
//$openid = $result['openid'];
$str = file_get_contents($url);
$openidData=json_decode($str);
$openid = $openidData->openid;*/
// 订单数据 请根据订单号out_trade_no 从数据库中查出实际的body、total_fee、out_trade_no、product_id
$order = array(
'body' => $params['body'],// 商品描述(需要根据自己的业务修改)
'total_fee' => 1,// 订单金额 以(分)为单位(需要根据自己的业务修改)
'out_trade_no' => $params['order_trade'],// 订单号(需要根据自己的业务修改)
'product_id' => '1',// 商品id(需要根据自己的业务修改)
'trade_type' => 'JSAPI',// JSAPI公众号支付
'openid' => 'ocppFw2mJ3jNrQqf465wYokQgi69'// 获取到的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;
}
}
/**
* 生成签名
* @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;
}
/**
* notify_url 支付成功通知消息
*/
public function notify(){
// 导入微信支付sdk
//$wxpay=new \WeiJsPay();
$result=$this->notify2();
if ($result) {
// 验证成功 修改数据库的订单状态等 $result['out_trade_no']为订单号
//save_weixin_order($result);//获取订单号 // 支付成功 修改数据库的订单状态等 $result['out_trade_no']为订单号
//$this->ajaxReturn(array('code'=>200,'result'=>'支付成功'));
echo '成功dfhfdhsdhs';
return true;
}
}