今天给大家详细的讲讲微信的功能,小程序红包,直接在小程序里领取红包,无需额外代码,红包是调取微信原生的红包流程,红包金额直接进用户微信零钱里
效果如下图
**步骤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？可以是用户在小程序的openid吗，换个思维考虑，变相红包，哈哈哈。
你好，小程序红包只能通过扫描进入小程序才能领取吗？，直接进入县程序不能调用小程序红包吗
这个应该仅支持扫码进入小程序，才会有领红包的
【发放红包】这步是后端调微信的【发放红包】接口给到前端，前端再调后端的接口去使用是吧？
你好,为什么我的小程序后台类目里面没有社交红包这个选项
在吗？第二次签名是和第一次签名的区别是最后转大写的时候去掉吗
我想问一下 这里sign签名和微信支付的签名是一样的吗？
WXPay wxpay =newWXPay(myWeixinConfig);//生成的随机字符串String nonce_str = WXPayUtil.generateNonceStr();//获取客户端的ip地址//获取本机的ip地址InetAddress addr = InetAddress.getLocalHost();String spbill_create_ip = addr.getHostAddress();//支付金额，需要转成字符串类型，否则后面的签名会失败inttotal_fee =1;//商品描述String body ="车费支付";//商户订单号String out_trade_no= WXPayUtil.generateNonceStr();//统一下单接口参数HashMap<String, String> data =newHashMap<String, String>();data.put("appid", myWeixinConfig.getAppID());data.put("mch_id", myWeixinConfig.getMchID());data.put("nonce_str", nonce_str);data.put("body", body);data.put("out_trade_no",out_trade_no);data.put("total_fee", String.valueOf(total_fee));data.put("spbill_create_ip", spbill_create_ip);data.put("notify_url", notify_url);data.put("trade_type","JSAPI");data.put("openid", openid);try{Map<String, String> rMap = wxpay.unifiedOrder(data);System.out.println("统一下单接口返回: "+ rMap);String return_code = (String) rMap.get("return_code");String result_code = (String) rMap.get("result_code");String nonceStr = WXPayUtil.generateNonceStr();Map resultMap =newHashMap();resultMap.put("nonceStr", nonceStr);Long timeStamp = System.currentTimeMillis() /1000;if("SUCCESS".equals(return_code) && return_code.equals(result_code)) {String prepayid = rMap.get("prepay_id");resultMap.put("package","prepay_id="+prepayid);resultMap.put("signType","MD5");//这边要将返回的时间戳转化成字符串，不然小程序端调用wx.requestPayment方法会报签名错误resultMap.put("timeStamp", timeStamp +"");//再次签名，这个签名用于小程序端调用wx.requesetPayment方法resultMap.put("appId",myWeixinConfig.getAppID());String sign = WXPayUtil.generateSignature(resultMap, myWeixinConfig.getKey());resultMap.put("paySign", sign);System.out.println("生成的签名paySign : "+ sign);//response.setData(resultMap);returnnull;}else{returnnull;}}catch(Exception e) {e.printStackTrace();returnnull;}'appId'=>$setting['miniappid'],//应用ID
'timeStamp' => time()."", //时间戳,必须为字符串,增加.""转为字符串,
'nonceStr' => createNoncestr(), //随机字符串
'package' => urlencode($return['package']), //红包详情的扩展
这四个参数 生成签名的时候不转换大写 直接MD5 微信支付是要转为大写的再MD5
用小程序发现金红包的两种可行的方式，具体可参与这边博文https://www.big4ever.com/article/7
调试小程序红包接口详情过程,此篇文章可供参考。https://www.big4ever.com/article/6
楼主，请问paySign的签名方法在哪里？文档提到‘3.2.2节’根本找不到。
wx. sendBizRedPacket ({
timeStamp: '', // 支付签名时间戳，
nonceStr: '', // 支付签名随机串，不长于 32 位
package: '', //扩展字段，由商户传入
signType: '', // 签名方式，
paySign: '', // 支付签名
success:function(res){},
fail:function(res){},
complete:function(res){}
})