转盘抽奖实战：从零到一学会前后端协作
上课日期：2025年5月14日
上课时间：晚上9:46
上课时长：1小时10分钟32秒
一、这节课到底在学什么？
这节课的核心是实战开发一个安全的转盘抽奖系统。重点不是单纯实现转盘旋转的动画效果，而是如何确保抽奖逻辑的安全性，防止玩家通过修改客户端数据进行作弊。老师通过一个完整的案例，演示了如何让前端（玩家看到的界面）和后端（服务器逻辑）协同工作，确保抽奖结果的公平和随机性由服务器控制。
二、课程时间线梳理
-
0-15分钟：需求分析与前端UI搭建
- 明确转盘抽奖需求：每次消耗100元宝，中奖返还11倍。
- 在游戏界面中创建和布置转盘UI元素，如提示文本、开始按钮。
-
15-30分钟：前端基础逻辑与安全性初探
- 为“开始”按钮编写点击事件。
- 在前端进行元宝数量检测（如果元宝≥100，则允许抽奖，否则提示不足）。
- 强调前端检测极易被绕过，只能防“君子”不能防“小人”，引出后端校验的必要性。
-
30-50分钟：核心！前后端通讯协议建立
- 学习如何通过自定义协议让前端和后端“对话”。
- 当玩家点击抽奖时，前端向服务端发送一个请求协议（如111号协议）。
- 服务端收到请求后，进行严格的二次校验（再次检查元宝是否足够），这是防作弊的关键。
- 服务端校验通过后，再生成真正的中奖结果，并通过协议下发回前端。
-
50-65分钟：服务端控制随机性与奖励下发
- 重点强调：随机数必须在服务端生成。如果在前端生成，玩家可以修改代码指定中大奖。
- 服务端生成中奖索引后，前端根据这个索引控制转盘指针的最终停留位置。
- 中奖后，服务端负责安全地给玩家发放奖励（货币、物品等）。
-
65-70分钟：转盘动画逻辑解析与优化
- 分析现有代码中的转盘旋转和闪烁动画的实现原理。
- 讲解如何通过调整时间间隔和回调函数来控制动画速度与效果。
三、重点知识点总结
- 安全性是核心：“永远不要相信客户端”。所有重要的逻辑（如扣费、抽奖判定）必须在服务端完成。
- 前后端通讯：前端（客户端）和服务端（后端）通过自定义协议进行数据交换，这是实现复杂功能的基础。
- 协议的双向流程：前端发送请求 → 后端处理并校验 → 后端返回结果 → 前端根据结果执行表现。
- 随机数生成：随机数的生成必须放在服务端，以确保结果的公平和不可预测。
- 状态锁（开关）的应用：在抽奖过程中，设置一个状态锁（如
isRolling），防止玩家在动画期间连续点击。
- 类型转换：注意Lua中字符串和数字类型的区别，必要时使用
tonumber()等进行转换。
四、学完这节课你能掌握
- 理解一个网络应用（如游戏功能）中，前端和后端各自的责任与协作关系。
- 学会如何设计和实现一个安全的业务逻辑流程，特别是涉及付费、抽奖等敏感操作时。
- 掌握前后端通讯的基本方法，能够实现客户端与服务端的数据传递。
- 能够阅读和修改转盘动画的基础逻辑代码。
- 建立起强烈的安全意识，明白为何以及如何将核心逻辑放在服务端。
课程评价：本节课讲师实战经验丰富，讲解非常细致和耐心。课程从一个具体的功能（转盘）入手，将抽象的前后端协作、安全性理念融入每一步操作中，非常适合小白理解和建立直观印象。讲师不仅演示了“怎么做”，更反复强调了“为什么这么做”，尤其是对安全风险的剖析深入人心。通过边写代码边讲解思路的方式，学员能很好地跟上节奏，并理解代码背后的设计思想。
课程链接，点击进入
开发实战
