评论

小程序营销利器,wx.sendBizRedPacket小程序红包完整详细开发代码,小程序中直接领取微信红包,无需任何资质

小程序红包完整详细开发代码,小程序中直接领取微信红包,无需任何资质

 今天给大家详细的讲讲微信的功能,小程序红包,直接在小程序里领取红包,无需额外代码,红包是调取微信原生的红包流程,红包金额直接进用户微信零钱里

   效果如下图

   

   

 

   

   **步骤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; 

}


最后一次编辑于  04-15  
点赞 7
收藏
评论

31 个评论

  • L
    L
    2020-07-21

    刚刷帖子看到一篇,线上可以通过企业付款到零钱的方式,做营销。企业付款到零钱,传参的用户openid必须是公众号的openid?可以是用户在小程序的openid吗,换个思维考虑,变相红包,哈哈哈。

    2020-07-21
    赞同 2
    回复
  • To be or not to be
    To be or not to be
    2020-03-11

    你好,小程序红包只能通过扫描进入小程序才能领取吗?,直接进入县程序不能调用小程序红包吗

    2020-03-11
    赞同 2
    回复 1
    • Jack
      Jack
      2020-04-25
      不能,你看下官方文档
      2020-04-25
      回复
  • Lemon
    Lemon
    2020-09-11

    发放红包】这步是后端调微信的【发放红包】接口给到前端,前端再调后端的接口去使用是吧?

    2020-09-11
    赞同 1
    回复
  • 星
    2020-05-07

    这个应该仅支持扫码进入小程序,才会有领红包的

    2020-05-07
    赞同 1
    回复
  • ꯭刘꯭禄꯭康꯭ คิดถึง
    ꯭刘꯭禄꯭康꯭ คิดถึง
    2020-04-22

    你好,为什么我的小程序后台类目里面没有社交红包这个选项

    2020-04-22
    赞同 1
    回复
  • 。
    2020-01-02

    在吗?第二次签名是和第一次签名的区别是最后转大写的时候去掉吗

    2020-01-02
    赞同 1
    回复 5
    • 纸玫瑰
      纸玫瑰
      2020-01-02
      对的     urlencode 是签名之前就加上
      2020-01-02
      回复
    • 。
      2020-01-02回复纸玫瑰
      不行啊,还是报签名错误。。。。
      2020-01-02
      回复
    • 。
      2020-01-02
      这能用工具测试?必须打包然后扫码测试吗
      2020-01-02
      回复
    • 。
      2020-01-02
      2020-01-02
      回复
    • 。
      2020-01-02回复纸玫瑰
      还在吗?现在报请求不成功了
      2020-01-02
      回复
  • 莫忘灬
    莫忘灬
    2019-12-18

    我想问一下 这里sign签名和微信支付的签名是一样的吗?

    WXPay wxpay = new WXPay(myWeixinConfig);
          //生成的随机字符串
          String nonce_str = WXPayUtil.generateNonceStr();
          //获取客户端的ip地址
          //获取本机的ip地址
          InetAddress addr = InetAddress.getLocalHost();
          String spbill_create_ip = addr.getHostAddress();
          //支付金额,需要转成字符串类型,否则后面的签名会失败
          int  total_fee = 1;
          //商品描述
          String body = "车费支付";
          //商户订单号
          String out_trade_no= WXPayUtil.generateNonceStr();
          //统一下单接口参数
          HashMap<String, String> data = new HashMap<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 = new HashMap();
              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);
                  return null;
              }else{
                  return  null;
              }
          } catch (Exception e) {
              e.printStackTrace();
              return  null;
          }


    2019-12-18
    赞同 1
    回复 2
    • 莫忘灬
      莫忘灬
      2019-12-18
      这段代码 是我在做小程序 微信支付时写的
      2019-12-18
      回复
    • 纸玫瑰
      纸玫瑰
      2019-12-19
      不一样
                  'appId'=>$setting['miniappid'],//应用ID
                  'timeStamp' => time()."", //时间戳,必须为字符串,增加.""转为字符串,
                  'nonceStr' => createNoncestr(), //随机字符串
                  'package' => urlencode($return['package']), //红包详情的扩展


      这四个参数   生成签名的时候不转换大写  直接MD5    微信支付是要转为大写的再MD5
      2019-12-19
      回复
  • 彭彭
    彭彭
    01-14

    用小程序发现金红包的两种可行的方式,具体可参与这边博文https://www.big4ever.com/article/7

    01-14
    赞同
    回复
  • 彭彭
    彭彭
    01-08

    调试小程序红包接口详情过程,此篇文章可供参考。https://www.big4ever.com/article/6

    01-08
    赞同
    回复
  • 韦不吕🙈🙉🙊
    韦不吕🙈🙉🙊
    2020-12-15

    楼主,请问paySign的签名方法在哪里?文档提到‘3.2.2节’根本找不到。

    wx. sendBizRedPacket ({

        timeStamp: '', // 支付签名时间戳,

        nonceStr: '', // 支付签名随机串,不长于 32 位

        package: '', //扩展字段,由商户传入

        signType: '', // 签名方式,

        paySign: '', // 支付签名

        success:function(res){},

        fail:function(res){},

        complete:function(res){}

    })

    2020-12-15
    赞同
    回复

正在加载...

登录 后发表内容