js微信红包

// 假设使用Vue.js框架
<template>
  <div>
    <button @click="grabRedPacket">抢红包</button>
  </div>
</template>

<script>
export default {
  methods: {
    grabRedPacket() {
      // 发送请求到后端尝试抢红包
      fetch('/api/grabRedPacket', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ userId: this.$store.state.user.id })
      })
      .then(response => response.json())
      .then(data => {
        if (data.success) {
          alert('恭喜你抢到了红包！');
        } else {
          alert('红包已被抢光了！');
        }
      });
    }
  }
}
</script>

app.post('/api/grabRedPacket', (req, res) => {
  const { userId } = req.body;
  
  // 检查红包是否还有剩余
  if (redPacketsLeft > 0) {
    // 分配红包金额逻辑...
    redPacketsLeft--;
    res.json({ success: true, amount: allocatedAmount });
  } else {
    res.json({ success: false });
  }
});