准备
本案例使用的支付接口是PayJs微信支付商户,没有商户号可以自己申请:https://payjs.cn/ref/DNXBJD
演示
1分钱体验
流程
1、写出进群界面
2、对接PayJs的JSAPI支付接口
3、支付成功后跳转进群二维码
代码
jiaqun-login.php
这个代码主要是授权登录,获取用户的openid
正在登录
".$result."";
?>
jiaqun-getopenid.php
这个主要是把获取到的openid传到支付订单页面
location.href=\"你的域名/你的支付目录/jiaqun-pay.php?openid=$openid\";";
?>
请稍候
jiaqun-pay.php
这个主要是构建订单发起请求参数,创建支付订单
$mchid,
'body' => '付费进群',
'total_fee' => $total_fee,
'openid' => $openid,
'out_trade_no' => 'likeyunkeji.' . time(),
];
// 添加数据签名
$data['sign'] = sign($data, $key);
//发送请求
$url = 'https://payjs.cn/api/jsapi?' . http_build_query($data);
function post($data, $url) {
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
$rst = curl_exec($ch);
curl_close($ch);
return $rst;
}
//发送
$result = post($data, $url);
//返回接口的数据
$results = json_decode($result);
//返回字符串
$appId = $results->jsapi->appId;
$timeStamp = $results->jsapi->timeStamp;
$nonceStr = $results->jsapi->nonceStr;
$package = $results->jsapi->package;
$signType = $results->jsapi->signType;
$paySign = $results->jsapi->paySign;
// 获取签名
function sign($data, $key)
{
array_filter($data);
ksort($data);
return strtoupper(md5(urldecode(http_build_query($data) . '&key=' . $key)));
}
?>
群聊邀请
里客云科技
100人
TANKING邀请你加入群聊
加入群聊
1. 该群聊人数较多,为减少新消息给你带来的打扰,建议谨慎加入。
2. 你需要实名验证后才能接受邀请,可绑定银行卡进行验证。
config.php
支付接口的一些参数
style.css
样式文件
*{
margin:0;
padding: 0;
font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif
}
body{
background: #f4f4f6;
}
#logo_con{
width: 100%;
height: 190px;
background: #fff;
border-bottom: 1px solid #e4e2e2;
overflow: hidden;
}
#logo_con .logoimg{
width: 65px;
height: 65px;
margin:35px auto 15px;
border-radius: 3px;
border:2px solid #e0e0e0;
box-sizing: border-box;
}
#logo_con .logoimg img{
width: 61px;
height: 61px;
}
#logo_con .qunname{
text-align: center;
font-size: 18px;
color: #3a3a3a;
margin-top: 5px;
}
#logo_con .qunrenshu{
text-align: center;
font-size: 16px;
color: #8d8d8d;
margin-top: 5px;
}
#yqjrql{
text-align: center;
margin-top: 38px;
color: #4e4d52;
font-size: 19px;
}
#jrql{
display: block;
width: 200px;
height: 43px;
color: #fff;
background: #44b549;
border-radius: 3px;
margin:30px auto 45px;
text-decoration: none;
line-height: 43px;
text-align: center;
font-size: 18px;
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
#jqsm{
width: 89%;
color: #b1b1b3;
font-size: 16px;
margin:8px auto 0px;
}
我这里是没有做订单查询的,真正的项目是要做异步订单查询才可以。
以上代码直接可以用了,修改商户号就行了。
商户号需要你开通PayJs才可以获取到。开通链接:https://payjs.cn/ref/DNXBJD
作者:TANKING
网站:https://www.likeyunba.com
微信:face6009
时间:2019-6-29