一款小而美的开源滑动验证码组件

大家好，我是徐小夕。今天想要推荐给大家一款名为 react-rotate-captcha 的开源滑动验证码 React 组件，这个组件是基于 isszz/rotate-captcha 进行二次开发的，并集成了腾讯防水墙以增强安全性。

该组件的安全策略包括默认策略（policie）和策略组规则（rules）。其中策略规则涉及上限次数（limit）、使用期限（time）以及匹配要授权的路由组（routers）。验证通过后，会颁发 sid 和 ticket，这些用于之后执行操作时的验证与匹配，以确保安全。

react-rotate-captcha 的优点在于能根据不同应用场景提供相应的验证，比如登录验证的有效期限制和后台操作的次数限制。后端还提供了一个 Laravel 扩展（levi/laravel-rotate-captcha），方便直接使用或根据 API 接口进行定制。

组件的安装方式非常简单，支持通过 yarn 或 pnpm 进行安装。使用时，可以通过状态（status）或实例（Instance）来唤起验证码，甚至可以利用 ref 实现类似效果。组件接受五个方法，包括两个同步函数（onClose 和 result）以及其他异步函数。

更多详细用法，可以访问 GitHub 学习参考：react-rotate-captcha on GitHub。此外，还提供了 webpack 和 vite 版本的 demo，可以在线体验：react-rotate-captcha demo。

如果大家觉得这个项目不错，欢迎点赞反馈，以支持开源贡献者。也欢迎大家分享自己的开源项目或产品，可以通过公众号回复“自荐”进行分享。