javascript - 请问 小程序优惠券, 不调用addCard, 领取后直接到卡包, 是需要后端处理吗？

Question

以前没有做过微信小程序的卡券, 想咨询一下。

页面就是, 有优惠券列表（调后端）, 然后我点击一下领取, 提示领取成功, 就没有任何别的了。
优惠券会自动进入了微信的“我-卡包-券与礼品卡”里。

请问这“领取”到“提示领取成功, 自动添加到卡包里”, 这一过程是后端做的, 还是前端做的？
前端我只找到了wx.addCard()这个方法, 但是addCard方法是跳转到微信自带的优惠券领取页面里的。不复合需求。

需求就是, 提示领取成功, 没了。不知是前端调用wx的其他方法？还是后端去处理的？

Answer 1

在微信小程序中实现优惠券的领取功能，并满足“提示领取成功”而不直接跳转到微信自带的优惠券领取页面的需求，通常是通过前端与后端的配合来实现的，但主要的逻辑和界面反馈是由前端来控制的。

关键点概述：

1. 优惠券数据获取：

   • 优惠券列表数据通常通过前端调用后端API来获取。

2. 领取优惠券：

   • 领取优惠券的过程涉及前端向后端发送领取请求。
   • 后端处理领取逻辑，包括检查优惠券是否可用、更新库存、记录用户领取记录等。
   • 后端处理完成后，返回给前端一个响应，表明领取是否成功。

3. 前端反馈：

   • 前端根据后端的响应来显示相应的提示信息，如“领取成功”。
   • 如果需要，前端也可以调用微信小程序的API（如wx.showToast）来显示短暂的提示信息。

关于wx.addCard()：

• wx.addCard()是微信小程序提供的API，用于直接添加卡券到用户的微信卡包中。但是，正如你所说，这个方法会跳转到微信自带的领取页面，这不符合你的需求。

实现步骤：

1. 前端：

   • 显示优惠券列表。
   • 用户点击领取时，发送请求到后端。
   • 接收后端的响应，并显示“领取成功”的提示（可以使用wx.showToast）。

2. 后端：

   • 接收前端的领取请求。
   • 验证用户身份和优惠券的有效性。
   • 更新优惠券状态和库存（如果适用）。
   • 记录领取信息到数据库。
   • 返回领取结果给前端。

示例代码（伪代码）：

前端（JavaScript）：

// 假设在点击领取按钮时调用此函数
function claimCoupon(couponId) {
  wx.request({
    url: 'https://your-backend-url/api/claim-coupon',
    method: 'POST',
    data: {
      couponId: couponId
    },
    success: function(res) {
      if (res.data.success) {
        wx.showToast({
          title: '领取成功',
          icon: 'success',
          duration: 2000
        });
      } else {
        wx.showToast({
          title: '领取失败',
          icon: 'none',
          duration: 2000
        });
      }
    }
  });
}

后端（视具体技术栈而定）：
后端处理逻辑会涉及数据库操作、逻辑判断等，这里不展开具体代码。

总之，领取优惠券并显示成功提示的过程是前端与后端协作完成的，前端负责用户交互和显示提示，后端负责业务逻辑处理和数据更新。