标签分类 技术文章:
当前位置:首页 > Javascript技术文章 > 微信小程序实现红包功能(后端PHP实现逻辑)

微信小程序实现红包功能的实例代码

  • 发布时间:
  • 作者:码农之家原创
  • 点击:191

这篇文章主要知识点是关于微信小程序、红包、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

微信小程序运营实战
  • 类型:小程序运营大小:33.4 MB格式:PDF出版:中国经济出版社作者:袁国宝
立即下载

更多Javascript相关的学习资源可以参阅 Javascript电子书程序设计电子书 等栏目。

微信小程序实现红包功能(后端PHP实现逻辑)

本文为大家分享了微信小程序红包功能的具体代码,供大家参考,具体内容如下

首先说明一点:微信小程序红包功能一定记得用企业付款到钱包功能,别用微信的现金红包接口,否则你就有踩不完的坑。

直接上代码了

微信小程序代码:

index.js

 //抢红包相关
 view_moneysure: function () {
  var that = this;
  wx.request({
   url: app.globalData.baseurl +'api/wxopen/applet/grab',//这个链接是后端写的 
   header: {
    'Content-Type': 'application/x-www-form-urlencoded'
   },
   data: {
    openid: app.globalData.openid,
    auth: app.globalData.pcUserInfo.auth
   },
   method: 'POST',
   success: function (response) {
    console.log(response);
    if (response.data.status==1){
     that.setData({
      paymsg: response.data.total_amount+'元\n现金红包',
      paymsg2: '恭喜您\n成功领取下单红包奖励'
     })
    }else{
     that.setData({
      paymsg: '领取失败\n'+response.data.msg,
      paymsg2: '非常抱歉\n如不不明,请联系客服'
     })
    }

   },
   fail: function (res) {
    console.log(response);
    that.setData({
     paymsg: '领取失败'
    })
   }
  })
 },
 showHb: function () {
  this.setData({
   showFlag: 1
  })
 },
 openHb: function () {
  this.setData({
   paymsg: '',
   paymsg2: ''
  })
  this.view_moneysure()
  var _self = this;
  _self.setData({
   _num: 1
  })
  setTimeout(function () {
   _self.setData({
    _num: 0,
    showFlag: 0,
    bghide: 1
   })
  }, 1000)

 },
 closeHb:function(){
  this.setData({
   bghide:0
  })
 },

wxml代码:

<button class="btn" bindtap="showHb">领红包</button>

<view class="draw-list {{showFlag == 1? 'active':''}}">
 <image bindtap="openHb" class="{{_num==1?'active':''}}" src="http://www.17sucai.com/preview/1/2017-11-02/hb/image/open.png"></image>
</view>

<view id="receive1" class="win1 {{bghide==1?'active':''}}">
  <view class="openhb {{bghide==1?'active':''}}">
    <view class="winBody2">
      <view class="receive1-bg1">
       <view class="receive1-head">
        <text>{{paymsg}}</text>
       </view>
       <view class="receive1-body"><text>{{paymsg2}}</text></view>
       <button class="receive1-but1" bindtap="closeHb">确定</button>
       <view class="receive1-bg2"></view>
     </view>
   </view>
  </view>
</view>

PHP代码:

/*
 * 企业付款到零钱
 **/
public function weixin_pay_person($re_openid)
{
  $obj = new WxopenWechatService();
  // 请求参数
  $data['mch_appid'] = WxopenWechatConfig::$init_config_applet['appid'];//商户号
  $data['mchid'] = WxopenWechatConfig::$compay_config['mch_id'];//商户账号appid
  $data['nonce_str'] = $this->get_unique_value();// 随机字符串
  //商户订单号,可以按要求自己组合28位的商户订单号
  $data['partner_trade_no'] = $this->get_tradeno($data['mchid']);
  $data['openid'] = $re_openid;//用户openid
  $data['check_name'] = 'NO_CHECK';//校验用户姓名选项
  $data['amount'] = '100';//金额,单位为分
  $data['desc'] = "恭喜你得到一个红包";//企业付款描述信息
  $data['spbill_create_ip'] = $obj->get_client_ip();//IP地址

  $appsecret = WxopenWechatConfig::$compay_config['key'];
  $data['sign'] = $this->sign($data, $appsecret);
  //发红包接口地址
  $url = "https://api.mch.weixin.qq.com/mmpaymkttransfers/promotion/transfers";

  //将请求数据由数组转换成xml
  $xml = $this->arraytoxml($data);
  //进行请求操作
  $res = $this->curl($xml, $url);
  //将请求结果由xml转换成数组
  $arr = $this->xmltoarray($res);

  if (is_array($arr)) {
    $arr['total_amount'] = $data['amount'];
  }
  //请请求信息和请求结果录入到数据库中
  // 输出请求结果数组
  return $arr;
}

public function create_rand_money($start = 30, $end = 100)
{
  return mt_rand($start, $end);
}

public function sign($params, $appsecret)
{
  ksort($params);
  $beSign = array_filter($params, 'strlen');
  $pairs = array();
  foreach ($beSign as $k => $v) {
    $pairs[] = "$k=$v";
  }

  $sign_data = implode('&', $pairs);
  $sign_data .= '&key=' . $appsecret;
  return strtoupper(md5($sign_data));
}

/*
 * 生成32位唯一随机字符串
 **/
private
function get_unique_value()
{
  $str = uniqid(mt_rand(), 1);
  $str = sha1($str);
  return md5($str);
}

/*
 * 将数组转换成xml
 **/
private
function arraytoxml(
  $arr
) {
  $xml = "<xml>";
  foreach ($arr as $k => $v) {
    $xml .= "<" . $k . ">" . $v . "</" . $k . ">";
  }
  $xml .= "</xml>";
  return $xml;
}

/*
 * 将xml转换成数组
 **/
private
function xmltoarray(
  $xml
) {
  //禁止引用外部xml实体
  libxml_disable_entity_loader(true);
  $xmlstring = simplexml_load_string($xml, "SimpleXMLElement", LIBXML_NOCDATA);
  $arr = json_decode(json_encode($xmlstring), true);
  return $arr;
}

/*
 * 进行curl操作
 **/
private
function curl(
  $param = "", $url
) {
  $postUrl = $url;
  $curlPost = $param;
  //初始化curl
  $ch = curl_init();
  //抓取指定网页
  curl_setopt($ch, CURLOPT_URL, $postUrl);
  //设置header
  curl_setopt($ch, CURLOPT_HEADER, 0);
  //要求结果为字符串且输出到屏幕上
  curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
  //post提交方式
  curl_setopt($ch, CURLOPT_POST, 1);
  // 增加 HTTP Header(头)里的字段
  curl_setopt($ch, CURLOPT_POSTFIELDS, $curlPost);
  // 终止从服务端进行验证
  curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
  curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);

  //这个是证书的位置
  curl_setopt($ch, CURLOPT_SSLCERT, __DIR__ . '/cert/apiclient_cert.pem');
  //这个也是证书的位置
  curl_setopt($ch, CURLOPT_SSLKEY, __DIR__ . '/cert/apiclient_key.pem');
  //运行curl
  $data = curl_exec($ch);
  //关闭curl
  curl_close($ch);

  return $data;

}

public function get_tradeno($str)
{
  return $str . date("Ymd", time()) . date("His", time()) . rand(1111, 9999);
}

别人总结的相当宝贵的踩坑经验:

1、红包是以分为单位,必须大于100分,小于20000分之间。

2、用户无需关注你的公众号(或服务号,下同),如果关注了你的公众号,红包会通过公众号发送,如果没有,通过服务通知发送。

3、接口中的订单号由“微信支付商户号+4位年+2为月份+2位日期+10位一天内不能重复的数字”,这个一天是自然日。

4、目前不支持发送随机红包,因此接口中提交的字段min_value、max_value、total_amount这3个值大小必须一样,total_num值必须为1.

5、随机红包可以自己的程序实现,在100~20000随机出一个数值,然后给上面3个值设定这个随机结果。

6、活动名称看起来没用,注意高级红包接口和商户平台现金红包中的管理红包和创建红包无关,这两个地方是给手工发送红包使用的。

7、可选的4个参数,目前看来都没用,不要传。logo_imgurl, share_content, share_url, share_imgurl。

8、签名注意,值为空的不要参与签名。最后附加的key是微信支付的API密钥,不是公众平台的密钥,在商户平台->账户设置->安全设置->API安全右下角设置密钥中设置,第一次使用微信支付需要设置。

9、中文不需要UrlEncode,Hash输入是byte数组,用Encoding.UTF8.GetBytes来获取。

10、证书强烈建议不采用微信官方Demo文件访问形式证书,应该安装在系统证书存储容器中(在命令行输入certmgr可以查看),并设置为私钥不可以导出。

11、如果你采用10的方式,你很容易遇到无法找到证书的问题,要求运行程序windows账号有访问这个证书的权限。比如,如果双击运行的控制台程序,证书安装在当前用户的个人类别中,那么程序就可以访问证书。

  如果是IIS账户,你可能需要指定应用程序池的执行账号为指定账号,然后这个证书安装在这个账号下。

  微信官方Demo采用文件的访问形式,就不会有权限问题,但是要求你对证书文件保管好,以及证书密钥保管好。

通过以上的简略步骤相信功能以及实现的差不多了:

学习小程序做好的方式除了看文档就是,模仿,给大家一个好链接,号称目前为止最全的微信小程序项目实例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。

以上就是本次给大家分享的关于Javascript的全部知识点内容总结,大家还可以在下方相关文章里找到JavaScript标准对象知识点总、 JavaScript输出所选择起始与、 火狐浏览器页面缩放兼容、 等javascript文章进一步学习,感谢大家的阅读和支持。

上一篇:没有了

下一篇:微信小程序与内嵌网页交互实现支付功能实现方法

展开 +

收起 -

学习笔记
网友NO.767282

微信小程序实现红包雨功能

本文为大家分享了微信小程序实现红包雨的具体代码,供大家参考,具体内容如下 今天有个小师妹来问我怎样用微信小程序实现红包雨效果,如果用web很好实现,但是小程序不是那么容易,整合自己也有一年没摸过小程序了,决定试一试。 首先明确“红包雨”的需求: 随机位置掉落 随机红包样式 同一时间掉落个数随机 每个红包的掉落速度随机,但不能太快也不能太慢 首先看看我做的效果吧 首先明确小程序实现红包雨和web网页实现红包雨难点上有什么不同: 小程序不能直接操作dom,web网页可以操作 小程序循环渲染wx:for内无法执行animation,web网页中animation执行无条件约束 小程序修改样式属性需要通过数据绑定无法直接修改,web网页可以直接取dom元素进行修改 好了那么问题来了怎样实现生成红包雨呢?小程序无法直接操作dom也就意味着不能向dom内添加元素,这里我的解决办法是先生成预设个数的红包在视窗外部(用户看不到),然后修改每个红包的样式来实现动画(当然用css keyframes帧动画也可以,我这里使用的是js修改属性) 话不多说直接上代码吧,代码内有注释 wxml: view wx:for="{{packetList}}" wx:for-index="index" wx:for-item="items" image class="red-packet" src="{{items.src}}" /image/view wxss: .red-packet{ width: 20px; height: 25px; z-index: 100; transit……

网友NO.910076

Canvas实现微信红包照片效果

本篇文章来源慕课网课程《canvas玩转红包照片》,用canvas及css3结合,实现红包照片的效果,并不做支付过程,代替的是使用2个按钮,显示清晰图片和重置圆圈可见区域。未做移动的屏幕适应 微信红包照片效果图一张模糊图片,只有鱼哥小圆圈的区域是清晰可见 原理分析: 1、先在页面放置一张原图片image,用css3的filter做模糊处理 2、在图片区域上方放置一个与图片image大小一样的canvas,放置整张清晰图片 3、通过canvas的图片剪辑方法,剪辑出一个圆圈区域,就达到了只显示一个圆圈区域的效果 代码及解析 目录结构: index.html,blur.js,blur.css index.htm页面代码 !DOCTYPE htmlhtml head meta charset="utf-8" / meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/ title模糊红包效果/title link rel="stylesheet" href="css/blur.css" rel="external nofollow" / script type="text/javascript" src="js/jquery-2.1.0.js"/script /head body div id="blur-div" img id="blur-image" src="img/gd.jpg" / canvas id="canvas"/canvas!--大小要在js设置,不要在css设置-- a href="javascript:reset()" rel="external nofollow" class="button" id="reset-button"重置/a a href="javascript:show()" rel="external nofollow" class="button" id="show-button"显示/a /div script type="text/javascript" src="js/blur.js"/script /body/html css代码blur……

网友NO.590127

java写的伪微信红包功能示例代码

性能优化点: 1.使用int不使用double。(单位用分不用元)也省去了还要用math.round四舍五入,把double类型数据只留小数点后前两位。 2.random() 方法用于返回一个随机数,随机数范围为 0.0 = Math.random 1.0。所以,当每人只能分到1分钱时,不用生成随机数(随机数只能生成0分,不大于最小值,会死循环)。 import java.util.HashMap;import java.util.Map;public class WXTRedPackage { public static void main(String[] args) { WXTRedPackage wx = new WXTRedPackage(); // 红包钱数(以分为单位),个数 wx.WXMoney(1000, 50); } public void WXMoney(int sum, int num) { // 创建一个hashmap,把分配出来的人和钱顺序打乱 MapInteger, Integer moneyMap = new HashMap(); System.out.println("共计" + sum / 100 + "元红包,分成" + num + "份。开始:"); int min = 0; int balance = sum; int money = 0; for (int i = 0; i num; i++) { if ((double) sum / num == 1) { moneyMap.put(i, 1); } else { // 最大可分配数目为剩下的人每人至少1分钱 int max = balance - (num - i - 1) * 1; // 获取一个0-最大可分配数的随机数 money = (int) (Math.random() * max); // 最后一个人全分配最后的余额 if (i == num - 1) { moneyMap.put(i, balance); break; } else { // 分配的金额要超过0份,小于最大可分配数,不符合要求则把人数减一重新循环一次 if (money min money max) { balance -= money; moneyMap.put(i, money); } else { i = i - 1; } } } }……

网友NO.246804

php生成微信红包数组的方法

1.1. 源代码 ?php/ * @param $total [你要发的红包总额] * @param int $num [发几个] @return array [生成红包金额] /function getRedGift($total, $num = 10) {$min = 0.01;//最小的红包金额$wamp = array();$returnData = array();for ($i = 1; $i $num; $i++) { $safe_total = ($total - ($num - $i) * $min) / ($num - $i); //当前允许红包金额的最大值if ($safe_total 0) {//如果红金金额的最大值小于0就跳出循环break; } $money = @mt_rand($min * 100, $safe_total * 100) / 100; //随机产生一个红包金额, mt_rand(min,max)是生成min到max的随机整数,包含min和max,所以为了生成的红包金额有小数,所以*100先,再100$total = $total - $money; //剩余红包总额$wamp[$i] = round($money, 2); //保留两位有效数字}$wamp[$i] = round($total, 2);//最后一个红包金额$returnData['MoneySum'] = $wamp;$returnData['newTotal'] = array_sum($wamp);//array_sum是计算数组中所有值的和 return $returnData;}//测试$data = getRedGift(100, 10);echo 'pre';print_r($data);? 1.2. 代码图 1.3. 效果图 总结 以上所述是小编给大家介绍的php生成微信红包数组的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持! 如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢! ……

<
1
>

Copyright 2018-2019 xz577.com 码农之家

版权责任说明