今天给大家详细的讲讲微信的功能,小程序红包,直接在小程序里领取红包,无需额外代码,红包是调取微信原生的红包流程,红包金额直接进用户微信零钱里
效果如下图
**步骤1: 开通小程序红包权限**
开通条件
1、即时入账且结算周期为T+1的商户,需满足1)入驻满90天,2)连续正常交易30天,3)保持正常健康交易。
2、其他结算周期的商户,暂无90/30天开通限制,但需保持正常健康交易。
3、商户选择开通权限的小程序未开通社交红包类目。
4、小程序主体不存在限制该功能使用的违规情况,包括但不限于:涉嫌欺诈,涉嫌违反相关法律法规等。
这个90/30天不清楚 ,反正我的是没程序开发差不多了就点击开通 直接可以开通,好像没到30天就行了.
在微信商户号->产品中心找到小程序红包,点击开通
开通后需要到产品设置里,按APPID开通商户号绑定的小程序的权限,这步很重要
**步骤2:编写代码 **
先讲一下程序逻辑
1.像商户号里充值金额,有金额才能发红包
2.以用户OPENID为基础生成一个红包,这个可以让客户在前端调取后台接口生成,然后在前端直接领取,如果提前有了用户OPENID也可以后台直接预先生成红包,用户在进入前端指定页面领取. 所以 这个有俩个流程 一个是生成红包,一个是领取红包 要调用俩次业务逻辑
废话不多说 下面附上代码 ,我这里是直接让客户在前端生成并直接领取红包
首先在想让客户领取红包的指定前端JS界面编写代码生成红包
onLoad: function (options) {
if (!!options.scene) {
id = decodeURIComponent(options.scene)
} else {
id = options.id
}
var that = this
util.getauth().then(function (res) { 在自己写在Uitl里的方法,主要是获取用户openid
if(res){
var
data = wx.getLaunchOptionsSync()//获取场景代码
if
(data.scene == 1047 || data.scene == 1011 || data.scene == 1025 || data.scene == 1124){
that.getredpacket()
}
}
})
},
//领取红包方法
getredpacket: function () {
var that = this
wx.showLoading({
title: '加载中~',
mask: true
})
wx.request({
url: getApp().globalData.url + 'detail/createredpacket',
method: 'POST',
header: {// 设置请求的 header
'content-type': 'application/x-www-form-urlencoded'
},
data: {
orderid: id,
openid: getApp().globalData.openid
},
success: function (res) {
//这里是向服务器判断该页面是否有红包 ,如果有的话像服务器传用户OPENID,生成一个红包,这里可以先不用看下面代码,直接看服务器端代码 然后再回来看后面的代码
console.log(res.data)
wx.hideLoading()
if(res.data==2){
return
}
if (res.data.code == 1) {
console.log(res.data)
wx.sendBizRedPacket({
timeStamp: res.data.timeStamp, // 支付签名时间戳,
nonceStr: res.data.nonceStr, // 支付签名随机串,不长于 32 位
package: res.data.package, //扩展字段,由商户传入
signType: res.data.signType, // 签名方式,
paySign: res.data.paySign, // 支付签名
success: function (res) {
console.log(res)
},
fail: function (res) {
console.log(res)
},
complete: function (res) {
console.log(res)
}
})
} else {
//生成红包失败,提示错误码
wx.showToast({
title: res.data.msg,
icon: 'none'
})
}
},
fail: function (res) {
wx.showToast({
title: '请求失败',
})
},
})
},
服务器端代码 这里用的是PHP
//生成小程序红包方法
public
function
createredpacket(){
$post
= input('post.');
if(db('order')->where('id',$post['orderid'])->value('isredpacket')==0){
echo
2;
die;
}//这里是我自己程序的逻辑 判断这个订单是否开启红包,没有的话直接退出
$setting
=db('setting')->field('miniappid,appsecret,mch_id')->find();
$url
= 'https://api.mch.weixin.qq.com/mmpaymkttransfers/sendminiprogramhb';//请求生成红包的网址
$parameters
= array(
'nonce_str'
=> createNoncestr(), //随机字符串,不长于32位 这个方法就是随机获得32位随机字符
'mch_billno'
=> '13513841535135153', //商户订单号
'mch_id'
=> $setting['mch_id'], //随机字符串
'wxappid'
=> $setting['miniappid'],//小程序appid,这里不用文档的公众号APPID,直接填你的小程序APPID就行
'send_name'
=> '我是土豪',//红包发送者名称
're_openid'=>$post['openid'],//用户OpenId
'total_amount'=>1000,//付款金额,单位分
'total_num'=>1,//红包发放总人数
'wishing'
=> '祝您万事大吉',//红包祝福语String(128)
'act_name'
=> '测试活动',//活动名称String(32)
'remark'=>'恭喜你',//备注String(256)
'notify_way'
=> 'MINI_PROGRAM_JSAPI',//通过JSAPI方式领取红包,小程序红包固定传MINI_PROGRAM_JSAPI
'scene_id'=>'PRODUCT_1',
);
//统一下单签名
$parameters['sign'] = getSign($parameters);
$xmlData
= arrayToXml($parameters);
$return
= xmlToArray(postXmlSSLCurl($xmlData,$url));
if($return['return_code']=='FAIL'){
$res['code']=0;
$res['msg']=$return['return_msg'];
echo
json_encode($res);
die;
}
if($return['result_code']=='FAIL'){
$res['code']=0;
$res['msg']=$return['return_msg'];
echo
json_encode($res);
die;
}
if($return['return_code']=='SUCCESS'&&$return['result_code']=='SUCCESS'){
$res
= array(
'appId'=>$setting['miniappid'],//应用ID
'timeStamp'
=> time()."", //时间戳,必须为字符串,增加.""转为字符串,
'nonceStr'
=> createNoncestr(), //随机字符串
'package'
=> urlencode($return['package']), //红包详情的扩展
);
$res['paySign'] = $this->getSign($res);
$res['signType'] ='MD5';
$res['code'] = 1;
echo
json_encode($res);
}else{
$res['code']=0;
$res['msg']='生成红包错误,请重试';
echo
json_encode($res);
}
}
步骤3:开发时遇到的天坑,注意注意,重点重点:!!!!!!!
1.createNoncestr(),getSign,arrayToXml,xmlToArray,postXmlSSLCurl这几个方式是我集成的方法,开发微信支付的时候都会用的 感觉没必要写出来,不会的可以搜一搜微信支付的教程里面都有 这里的请求时需要商户号证书的哦
2.每个号测试的时候一天一个openID只能生成10个红包,怕测试失败 就把生成红包接口返回的$return['package']保存起来 生成红包全靠他了
3.timeStamp' => time()."", 这个timeStamp必须是字符串,如果直接time(),用数字的话前端会报错请求不成功,而且wx.sendBizRedPacket()小程序的这个接口小程序开发文档里没有该接口文档,测试了下 FAIL回调方法里 不管什么错误 只会给你返回一个请求不成功,我就是没细心看文档被这个数字的时间戳搞死了 最后才发现是传的数字....
4.urlencode($return['package']) 这个是生成签名的时候就urlencode
5.签名的时候看好参数,和其他的接口不一样不要按老经验来,这里是用appId,timeStamp,nonceStr,package这4个参数生成签名,没有
signType 这个参数,返回前端您的时候确实不需要APPID,需要SIGNTYPE.
6.这里返回前端领取红包的签名最后不要转为大写哦,之前写错了 现在更正一下
7.wx.getLaunchOptionsSync()//获取场景代码 必须要用这个判断一下页面场景值,就是你通过什么方式进入的小程序,每个进入方法都有一个值,叫场景值.如果没有判断,那就是所有场景都生成红包,,哈哈这下你会发现 红包是生成了 可是领不了.除非你把每个package都保存起来,或者不是和我一样直接生成待领取..要不你冲的那点钱根本不够用...好像没有撤回红包方法,乖乖等24小时后退回把
8.这个是最坑的一点,为什么写到最后,因为我也想让您们体验一下我的绝望.........这个红包只在
1011,1025,1047,1124这四个场景值中触发,不用查资料弄这4个场景值是啥意思了 现在我就可以负责人的告诉你, 只能手机用摄像头扫 不要和我一样妄想着把图片放朋友圈 别人长按识别就能领取了.........你想到的方法我都试过了 一维码 二维码 小程序码 甚至一物一码 都只支持用摄像头扫, 长按和微信扫一扫在相册里扫都不行 都不触发.....
结束语:第一眼看这个是营销炸弹般牛的功能,结果这个场景值砍了百分之90的营销力度..............官方一句话其他场景暂不支持......期待把
第二次给前端使用的签名和第一次的不太一样,不需要转化大写 在这里补上
/作用:生成签名
function
getSign($Obj) {
foreach
($Obj
as
$k
=> $v) {
$Parameters[$k] = $v;
}
//签名步骤一:按字典序排序参数
ksort($Parameters);
$String
= $this->formatBizQueryParaMap($Parameters, false);
$mchkey
= db('setting')->value('mch_key');
//签名步骤二:在string后加入KEY
$String
= $String
. "&key=".$mchkey;
//签名步骤三:MD5加密
$String
= md5($String);
return
$String;
}
///作用:格式化参数,签名过程需要使用
function
formatBizQueryParaMap($paraMap, $urlencode) {
$buff
= "";
ksort($paraMap);
foreach
($paraMap
as
$k
=> $v) {
if
($urlencode) {
$v
= urlencode($v);
}
$buff
.= $k
. "="
. $v
. "&";
}
$reqPar;
if
(strlen($buff) > 0) {
$reqPar
= substr($buff, 0, strlen($buff) - 1);
}
return
$reqPar;
}
有没有现成的源码
大佬麻烦帮我看看我这哪里有问题啊
貌似再说没有权限
请问这个跟场景值有关系么
这个是用公众号的OpenID发红包还是小程序的OpenID发红包???
这个红包的单位是可以自己定的吗?
@PostMapping("/create")
public Response create(@RequestBody Map map){
Map resultMap = new HashMap();
try{
HashMap<String, String> data = new HashMap<>();
WXPay wxpay = new WXPay(myWeixinConfig);
String nonce_str = WXPayUtil.generateNonceStr();//生成的随机字符串
String mch_billno = WXPayUtil.generateNonceStr();//商户订单号
data.put("nonce_str", nonce_str);
data.put("mch_billno", mch_billno);
data.put("mch_id", myWeixinConfig.getMchID()); //商户号
data.put("wxappid", myWeixinConfig.getAppID()); //公众账号appid
data.put("send_name", "思婷"); //商户名称
data.put("re_openid", "oCqOQ4o9lYE_wYfL-ICOBGTIcBQo"); //用户openid
data.put("total_amount", "100"); //付款金额
data.put("total_num", "1"); //红包发放总人数
data.put("wishing", "感谢您参加猜灯谜活动,祝您元宵节快乐!"); //红包祝福语
data.put("act_name", "猜灯谜抢红包活动"); //活动名称
data.put("remark", "猜越多得越多,快来抢!"); //备注
data.put("notify_way", "MINI_PROGRAM_JSAPI"); //通知用户形式
String sign = WXPayUtil.generateSignature(data, myWeixinConfig.getKey()); //签名
HashMap<String, Object> map2 = new HashMap<>();
map2.put("nonce_str", nonce_str); //生成的随机字符串
map2.put("sign", sign); //签名
map2.put("mch_billno", mch_billno); //商户订单号
map2.put("mch_id", myWeixinConfig.getMchID()); //商户号
map2.put("wxappid", myWeixinConfig.getAppID()); //公众账号appid
map2.put("send_name", "思婷"); //商户名称
map2.put("re_openid", "oCqOQ4o9lYE_wYfL-ICOBGTIcBQo"); //用户openid
map2.put("total_amount", 100); //付款金额
map2.put("total_num", 1); //红包发放总人数
map2.put("wishing", "感谢您参加猜灯谜活动,祝您元宵节快乐!"); //红包祝福语
map2.put("act_name", "猜灯谜抢红包活动"); //活动名称
map2.put("remark", "猜越多得越多,快来抢!"); //备注
map2.put("notify_way", "MINI_PROGRAM_JSAPI"); //通知用户形式
String result = HttpClientUtil.doPost("https://api.mch.weixin.qq.com/mmpaymkttransfers/sendminiprogramhb",
JSONObject.parseObject(JSON.toJSONString(map2)));
System.out.println("生成的签名paySign : "+ sign);
System.out.println("result>>>> : "+ result);
// resultMap.put("nonceStr", WXPayUtil.generateNonceStr());
// resultMap.put("timeStamp", System.currentTimeMillis() / 1000 + "");
// String prepayid = rMap.get("prepay_id");
// resultMap.put("package", "prepay_id=" + prepayid);
// resultMap.put("signType", "MD5");
// resultMap.put("appId",myWeixinConfig.getAppID());
//
// resultMap.put("paySign", sign);
}catch (Exception e){
}
return Response.ok(resultMap);
https://developers.weixin.qq.com/community/pay/doc/00060872b74630576c99d5fd558400?fromCreate=1 能帮我看下不?
$res = array(
'appId'=>$setting['miniappid'],//应用ID
'timeStamp' => time()."", //时间戳,必须为字符串,增加.""转为字符串,
'nonceStr' => createNoncestr(), //随机字符串
'package' => urlencode($return['package']), //红包详情的扩展
);
$res['paySign'] = $this->getSign($res);
$res['signType'] ='MD5';
$res['code'] = 1;
echo json_encode($res);
}else{
$res['code']=0;
$res['msg']='生成红包错误,请重试';
echo json_encode($res);
}
猜想服务端这里第二次给前端生成签名的时候,这里APPID,就是回复代码加粗的那个,填你的APPID 不行久填你的SPID试试
我现在遇到的问题是 我商户平台开通小程序红包功能 产品设置里 授权小程序APPID也显示为开通 但是请求微信接口时 返回 该商户号未开通该现金红包功能(加入了小程序表示 MINI_PROGRAM_JSAPI),但是微信公众号就可以(取掉MINI_PROGRAM_JSAPI)
开通小程序红包 需要更换证书吗?
这个教程是:用户在小程序领取红包, 那么请问用户在小程序内发红包 现在支持吗?
这两次用到的appid都是小程序的appid吗 看文档上写的要用公众号的appid呀
请问 wx.sendBizRedPacket 调用这个接口的时候 需要引用微信的sdk吗?