如何在 Supabase 中安全实现用户“鼓掌”计数(防刷、防重放、防越权)

云丽酱_4389

云丽酱_4389

2026-03-28

692人浏览

原创

如何在 Supabase 中安全实现用户“鼓掌”计数(防刷、防重放、防越权)

本文详解如何通过 rls 策略 + 合理数据建模,在 supabase 中安全实现用户交互式操作(如虚拟鼓掌),杜绝前端恶意请求篡改计数,兼顾安全性与可扩展性。

本文详解如何通过 rls 策略 + 合理数据建模,在 supabase 中安全实现用户交互式操作(如虚拟鼓掌),杜绝前端恶意请求篡改计数,兼顾安全性与可扩展性。

在构建用户参与型功能(例如“鼓掌”“点赞”“收藏”)时,仅依赖客户端身份认证(如 signInWithPassword)和简单的 RLS 读写控制是远远不够的。正如你所观察到的:即使启用了“仅限认证用户更新”的 RLS 策略,攻击者仍可通过浏览器控制台或 Postman 复用有效的 Authorization Bearer Token 和 apikey,反复发送伪造的 UPDATE 请求,无限刷高计数——这本质上是缺乏操作原子性、状态校验与行为约束所致。

关键在于:不要直接更新计数字段(如 claps_count INT),而应记录每一次真实发生的用户行为事件。换言之,将“鼓掌”建模为一个不可变的、带上下文的原子操作(即插入一条记录),再通过聚合查询获取最终计数。这种设计天然支持防刷、限频、去重、审计与数据分析。

✅ 推荐方案:事件表 + 强约束 RLS

首先创建 claps 表,记录每次鼓掌的完整上下文:

-- 创建鼓掌事件表(主键为 (post_id, user_id),天然防止重复鼓掌)
create table if not exists public.claps (
  post_id uuid references public.posts on delete cascade not null,
  user_id uuid references auth.users on delete cascade not null,
  created_at timestamp with time zone default timezone('utc'::text, now()) not null,
  PRIMARY KEY (post_id, user_id) -- 关键:联合主键确保单用户对单内容仅能鼓掌一次
);

-- 启用行级安全
alter table public.claps enable row level security;

-- 允许所有认证用户查询(如获取某文章总鼓掌数)
create policy "Anyone can read claps"
on claps for select
using ( true );

-- 仅允许用户为自己插入鼓掌记录(且不能伪造 user_id)
create policy "Users can insert their own clap"
on claps for insert
with check ( auth.uid() = user_id );

? 为什么有效?

  • INSERT 操作受 with check (auth.uid() = user_id) 严格约束:即使请求携带了其他用户的 user_id,Supabase 也会拒绝该行插入;
  • 联合主键 (post_id, user_id) 保证幂等性:重复提交同一用户的同一内容鼓掌请求会因主键冲突而静默失败(返回 409 Conflict),无需额外逻辑;
  • 所有历史鼓掌均被持久化,便于后续实现「每24小时限10次」「同一IP/设备限频」等策略(只需扩展 RLS 或添加数据库函数)。

? 安全读取计数(前端/服务端调用)

不再维护冗余的 claps_count 字段,而是实时聚合:

// Supabase Client(TypeScript 示例)
const { count, error } = await supabase
  .from('claps')
  .select('*', { count: 'exact', head: true })
  .eq('post_id', 'your-post-uuid');

if (error) throw error;
console.log(`当前鼓掌数:${count}`); // 安全、准确、无竞态

? 提示:对高频访问场景,可配合数据库物化视图或应用层缓存(如 Redis)提升性能,但数据源始终以 claps 表为准,保障一致性。

⚠️ 重要注意事项

  • 禁用 UPDATE / DELETE 权限:除非业务强需求(如“取消鼓掌”),否则不应开放对 claps 表的修改权限。若需撤回,建议新增 is_active BOOLEAN DEFAULT true 字段并用 UPDATE ... SET is_active = false 实现软删除,同时在 RLS 中加入 is_active 过滤。
  • 避免 JWT 短期失效“取巧”方案:将 token 过期设为 1 秒虽能限制重放窗口,但会严重破坏用户体验(频繁重登录)、增加服务端负载,且无法阻止同一秒内的多次请求。这不是安全加固,而是掩盖设计缺陷。
  • 补充防护(进阶):
    • 在 RLS 中加入时间约束(如 created_at > now() - interval '1 second')防范明显的时间戳篡改(需客户端时间可信度较高);
    • 结合 Supabase Edge Functions 做前置风控(如验证 reCAPTCHA、检查设备指纹、限流);
    • 对敏感操作启用 auth.aud 校验或自定义 JWT claim(如 role: 'user'),增强策略粒度。

✅ 总结

安全的鼓掌功能 = 事件驱动建模 + 严格 RLS + 幂等性保障。它不依赖前端信任,不妥协用户体验,也不牺牲可审计性。你放弃的是“直接 UPDATE 计数”的简单,换来的是可防御、可演进、符合现代 Web 安全范式的坚实基础。从今天起,让每一次鼓掌,都成为数据库里一条不可篡改、不可抵赖的真实记录。

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

4926

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

1229

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

4864

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

960

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1876

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

3485

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

4533

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

2980

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

948

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.7万人学习