盲盒抽奖流程

news2024/11/15 21:41:33

盲盒模块的流程大致如下:
在这里插入图片描述
进入盲盒抽奖页面,需要初始化直接获取一些盲盒的信息,例如:盲盒活动id开奖buff等。首先需要获取盲盒活动id,后面的所有请求都是基于盲盒活动id进行的。


初始化获取:

  • 盲盒活动id`
  • 抽奖buff
  • 校验抽奖活动状态:判断当前活动是否开启
  • 抽奖次数:获取当前活动的抽奖次数,当前用户剩余抽奖次数
  • 任务次数:获取当前活动的任务(分享)次数,也就是剩余分享次数
  • 获取分享邀请码:获取当前活动的分享邀请码,此码用于分享好友助力,好友进入分享页面后根据抽奖活动id和分享邀请码来为用户助力。一个用户一个活动只获得一个邀请码,不同的用户获取的邀请
    码是不同的。
  • 当前活动信息:获取当前的活动信息,返回的字段有活动id、名称、备注、图片等,根据这些信息,在分享的时候可以设置对应的文案、图片、id等信息。
  • 如果奖池预览是动态的,那么初始化也要请求奖池预览的信息。

抽奖buff模块
由于初始化直接请求接口了,那么这里就可以直接拿到buff的信息,点击开buff的时候,直接开启动画渲染buff信息即可。


活动规则和我的奖品为弹框和跳转。


开盲盒
这里需要判断一下当前盲盒的状态,是否是可开启的,并且是否有剩余抽奖次数,如果条件都符合,那么就请求开盲盒的接口开奖,如果不符合则弹框提示“抽奖次数不足,分享可获得抽奖次数”的弹框。盲盒开奖后抽奖次数肯定会减少,所以这里开完将需要请求初始化的一些接口,比如获取抽奖次数的接口,刷新当前的开奖次数信息。


获取机会:
这里使用微信的开放能力bottom的open-type="share"的分享功能

  onShareAppMessage(e) {
   if(e.from == "button") {
      console.log('按钮分享');
    return {
        title:  `点击助力“${userInfo.name}”,开盒助力,100%中奖`, //分享出去的标题
        imageUrl: "图片路径", //分享时显示的图片
        path: `/pages/home/index?goodsid=${xxx}`//别人点击链接进来的页面及传递的参数
    }
      } else {
      console.log('胶囊分享');
      return {
        title:  `盲盒大礼,参与即得!`, //分享出去的标题
        imageUrl: "图片路径", //分享时显示的图片
        path: `/pages/home/index`//别人点击链接进来的页面及传递的参数
    }
      }
   }

用户点击分享的时候,需要携带分享码以及活动id,好友通过这两个参数为用户助力。
点击分享的时候还需要请求分享操作的接口,在分享的接口里,可能有不同类型的分享,这里需要做一步逻辑判断,当前为哪种分享,是邀请还是分享操作还是邀请操作,然后再请求接口创建分享。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/108207.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Thymeleaf 下拉列表传值示例

参考资料 Spring Boot で Thymeleaf 使い方メモ 目录一. 前期准备二. 实体类.内部类设置下拉列表值2.1 form实体类2.2 Controller层2.3 Thymeleaf页面三. request.setAttribute()设置下拉列表值3.1 定义下拉列表存放类3.2 Controller层3.3 Thymeleaf页面一. 前期准备 枚举类 …

FT2232作为JTAG烧录器的使用步骤详解

FT2232作为JTAG烧录器的使用步骤详解FT2232作为JTAG烧录器的使用步骤详解配置OpenOCD环境(已经配置好的可以跳过)【步骤 1】安装 FT2232HL 芯片的驱动,安装文件为 CDM21228_Setup.exe。【步骤 2】 安装 FT_Prog_v3.6.88.402 Installer.exe【步骤 3】 使用 FT Prog 软…

模型实战一之YOLOv7实例分割、模型寻来自己数据集

模型实战一之YOLOv7实例分割、模型训练自己数据集 1.环境准备 下载yolov7实例分割模型: git clone https://github.com/WongKinYiu/yolov7.git -b mask yolov7-maskcd yolov7-mask安装环境 #查看已安装环境 conda info --envs #查看安装了哪些包 conda list#创建…

神奇的线性表(链表)

目录 神马是链表 链表的分类 单向链表 链表的常用操作 查找操作 插入操作 删除操作 链表与数组 数组的插入 数组的删除 链表的应用 尾声 神马是链表 记得很久很久以前…我们学习过数组, 数组是在内存中一段连续的存储空间, 可以在常数时间内访…

逻辑分析仪解析SPI数据

工具为梦源逻辑分析仪,本次测试的是ST7789v屏幕驱动 接线方面一共需要三根线(MOSI,SCL,GND) SCL PA5 MOSI PA7 DSView上位机配置 通道按照接线选择,这个一定要对应上 COPL CPOH按照SPI实际配置来&#x…

生成模型(四):扩散模型(Diffusion Models)

本文大纲如下: 生成模型种类 到目前为止,我已经写了三种类型的生成模型,[[生成模型-GAN]]、[[生成模型-VAE]]和[[生成模型-Flow based model]]。 它们在生成高质量样本方面显示出巨大的成功,但每一种都有其自身的一些局限性。下…

基于Python的GUI图形用户界面编程

【无限嚣张(菜菜)】:hello您好,我是菜菜,很高兴您能来访我的博客,我是一名爱好编程学习研究的菜菜,每天分享自己的学习,想法,博客来源与自己的学习项目以及编程中遇到问题…

非零基础自学Golang 第17章 HTTP编程(上) 17.2 HTTP客户端 17.2.4 发起POST请求

非零基础自学Golang 文章目录非零基础自学Golang第17章 HTTP编程(上)17.2 HTTP客户端17.2.4 发起POST请求第17章 HTTP编程(上) 17.2 HTTP客户端 17.2.4 发起POST请求 在上一小节我们使用了http.NewRequest来创建一个请求,http.NewRequest有三个参数,第…

web前端-javascript-String字符串的相关方法

文章目录字符串的相关方法1. 底层字符串保存2. 方法1) length 属性 获取长度2) charAt() 获取指定字符3) chartCodeAt() 获取指定字符编码4) String.formCharCode() 根据编码获取字符5) concat() 连接字符串6) indexOf() 是否含有指定内容7) lastIndexOf() 是否含有指定内容8) …

哈斯机床联网

一、设备信息确认 1、确认型号 哈斯的数控面板共有两种情况。 老版本: 新版本: 注:老版本通讯为串口,新版本通讯为网口。 2、确认通讯接口 1、数控面板的后面 老版本的串口一般都会引出在正后面的左侧位置,上面有…

结构型模式之代理模式(八)

常说的设计模式是23种设计模式,分为3大类: 创建型模式5种:工厂方法、抽象工厂、单例、建造者、原型结构型模式7种:适配器、代理、桥接、装饰者、外观、享元、组合行为型模式11种:模板方法、解释器、策略、观察者、迭代…

非零基础自学Golang 第15章 Go命令行工具 15.5 代码测试(test) 15.5.1 单元测试

非零基础自学Golang 文章目录非零基础自学Golang第15章 Go命令行工具15.5 代码测试(test)15.5.1 单元测试第15章 Go命令行工具 15.5 代码测试(test) go test命令用于对Go语言编写的代码包进行测试。 可以指定要测试的文件,也可以直接对整个包进行测试&#xff0c…

[Java实战]Squaretest单元测试生成利器...一天生成所有简单单元测试...[新手开箱可用]

Squaretest单元测试生成利器...一天生成所有简单单元测试...[新手开箱可用]1.Squaretest是什么?2.如何配合JUnit使用...?3.生成的java文件长啥样?4.如何生成和使用?5.如何用生成的XXXTest.java文件进行单元测试...6.观察结果7.单元测试成功8.源码地址为了好好写单元测试,提…

Dell inspiron 7580硬件升级_更换电池加内存条移动硬盘

文章目录前言硬件升级确认硬件型号参数拆机验证硬件更新后记前言 手上的笔记本[Dell inspiron 7580]用了几年了,还是刚上大学的时候买的,现在感觉这个配置用起来有点吃力了,稍微更新一下配置准备再战两年┭┮﹏┭┮ Light em up, light em u…

参数扫描文件的用法

摘要 通过控制和改变所选参数有助于检查给定光学系统的性能。 VirtualLab Fusion提供了完全灵活且计算效率高(通过并行化)的参数运行,使用户可以指定不同的参数变化方式。 作为示例,它可以用于所研究的任何系统参数的公差分析。 分…

Moonbeam生态说|Moonbeam Ignite重燃DeFi生态活力

日前,Moonbeam Network生态中两家活跃度最高的DeFi协议Moonwell和StellaSwap受邀参加Moonbeam中文社区BinanceLive直播。 作为Moonbeam生态的老朋友,两家项目方的联合创始人对赋能生态胸有成竹。 今年11月,Moonwell和StellaSwap都得到社区投票…

MORE CONVNETS IN THE 2020S: SCALING UP KER- NELS BEYOND 51 × 51 USING SPARSITY

论文链接: https://arxiv.org/pdf/2207.03620.pdf code: https://github.com/VITA-Group/SLaKlink MORE CONVNETS IN THE 2020S: SCALING UP KER- NELS BEYOND 51 51 USING SPARSITY一、引言(二)、大内核注意力(二)、卷积中的大…

I/O多路转接 —— select、poll、epoll

目录 一、概述 二、I/O多路转接 —— select 1. select函数的基本介绍 2. select的基本工作流程 3. 文件描述符的就绪条件 4. 基于select函数设计的服务器 1. 基本套接字的编写 2. select服务器的编写 5. select的优缺点 三、I/O多路转接 —— poll 1. poll函数的基…

LeetCode-1799- N 次操作后的最大分数和

1、状态压缩动态规划 我们可以使用动态规划来解决问题,我们利用数组dp[s]dp[s]dp[s]来表示状态为s时,能够去到的最大分数。由于题目限定了n的范围,因此我们可以利用二进制数字s来压缩状态,我们利用长度为m的二进制数s的每一位来表…

Javascript | Popper | 如何下载popper.min.js 与 各类js资源

文章目录问题描述解决办法问题描述 作为一个JS生手只知道使用CDN在线引用或者使用下载好的本地JS文件。 比如popper.js官网显示如下图,没有任何的Download按钮,有部分其他类的JS官网也存在同样的情况。 虽然有提供CDN,但因为国内网络原因&am…