LazyCaptcha v2(基于SkiaSharp)图片验证码的具体使用(.Net Core5来做示例)

吾悟无

以下内容均来自Gitee的开源仓库，具体的使用请移步Gitee：https://gitee.com/pojianbing/lazy-captcha
以下是我自己使用的具体方式
首先安装NuGet包：
Microsoft.Extensions.Caching.StackExchangeRedis
Lazy.Captcha.Core
 
Lazy.Captcha.Core可以选择以下方式进行安装
Package Manager

1. Install-Package Lazy.Captcha.Core

复制代码

.NET CLI

1. dotnet add package Lazy.Captcha.Core

复制代码

在Startup.cs文件的ConfigureServices方法中配置什么什么方式存储，我这里使用使用redis分布式缓存，默认使用的是 内存存储（AddDistributedMemoryCache）
            

1. //默认使用内存存储（AddDistributedMemoryCache）
2. //services.AddCaptcha(Configuration);
4. //如果使用redis分布式缓存
5. builder.Services.AddStackExchangeRedisCache(options =>
6. {
7.     options.Configuration = builder.Configuration.GetConnectionString("RedisCache");
8.     options.InstanceName = "captcha:";
9. });

复制代码

然后继续在上面所提到的方法中加入以下代码：

1. // 全部配置
2.             services.AddCaptcha(Configuration, option =>
3.             {
4.                 option.CaptchaType = CaptchaType.WORD; // 验证码类型
5.                 option.CodeLength = 4; // 验证码长度, 要放在CaptchaType设置后.  当类型为算术表达式时，长度代表操作的个数
6.                 option.ExpirySeconds = 120; // 验证码过期时间
7.                 option.IgnoreCase = true; // 比较时是否忽略大小写
8.                 option.StoreageKeyPrefix = ""; // 存储键前缀
10.                 option.ImageOption.Animation = true; // 是否启用动画
11.                 option.ImageOption.FrameDelay = 60; // 每帧延迟,Animation=true时有效, 默认30
13.                 option.ImageOption.Width = 150; // 验证码宽度
14.                 option.ImageOption.Height = 50; // 验证码高度
15.                 option.ImageOption.BackgroundColor = SKColors.White; // 验证码背景色
17.                 option.ImageOption.BubbleCount = 2; // 气泡数量
18.                 option.ImageOption.BubbleMinRadius = 5; // 气泡最小半径
19.                 option.ImageOption.BubbleMaxRadius = 15; // 气泡最大半径
20.                 option.ImageOption.BubbleThickness = 1; // 气泡边沿厚度
22.                 option.ImageOption.InterferenceLineCount = 2; // 干扰线数量
24.                 option.ImageOption.FontSize = 36; // 字体大小
25.                 option.ImageOption.FontFamily = DefaultFontFamilys.Instance.Actionj; // 字体
27.                 /*
28.                  * 中文使用kaiti，其他字符可根据喜好设置（可能部分转字符会出现绘制不出的情况）。
29.                  * 当验证码类型为“ARITHMETIC”时，不要使用“Ransom”字体。（运算符和等号绘制不出来）
30.                  */
32.                 option.ImageOption.TextBold = true;// 粗体，该配置2.0.3新增
33.             });

复制代码

如果要修改配置参数去参考上面提到的原文链接。
接下来在appsettings.json文件中配置Redis的配置如果没修改过Redis的默认配置直接复制粘贴上去即可，如果自己修改过就按照自己修改的配置。

1. "ConnectionStrings": {
2.     "G6StringDB": "server=.;uid=sa;pwd=123456;database=2010ARbacDB;",
3.     "RedisCache": "localhost,password=123456"
4.   },

复制代码

再加入以下这段代码，这段代码也还是图片验证码的参数配置，如果要修改配置参数去参考上面提到的原文链接。

1. "CaptchaOptions": {
2.     "CaptchaType": 5, // 验证码类型
3.     "CodeLength": 4, // 验证码长度, 要放在CaptchaType设置后  当类型为算术表达式时，长度代表操作的个数
4.     "ExpirySeconds": 60, // 验证码过期秒数
5.     "IgnoreCase": true, // 比较时是否忽略大小写
6.     "StoreageKeyPrefix": "", // 存储键前缀
7.     "ImageOption": {
8.       "Animation": false, // 是否启用动画
9.       "FontSize": 32, // 字体大小
10.       "Width": 100, // 验证码宽度
11.       "Height": 40, // 验证码高度
12.       "BubbleMinRadius": 5, // 气泡最小半径
13.       "BubbleMaxRadius": 10, // 气泡最大半径
14.       "BubbleCount": 3, // 气泡数量
15.       "BubbleThickness": 1.0, // 气泡边沿厚度
16.       "InterferenceLineCount": 4, // 干扰线数量
17.       "FontFamily": "kaiti", // 包含actionj,epilog,fresnel,headache,lexo,prefix,progbot,ransom,robot,scandal,kaiti
18.       "FrameDelay": 15, // 每帧延迟,Animation=true时有效, 默认30
19.       "BackgroundColor": "#ffff00", //  格式: rgb, rgba, rrggbb, or rrggbbaa format to match web syntax, 默认#fff
20.       "ForegroundColors": "", //  颜色格式同BackgroundColor,多个颜色逗号分割，随机选取。不填，空值，则使用默认颜色集
21.       "Quality": 100, // 图片质量（质量越高图片越大，gif调整无效可能会更大）
22.       "TextBold": false // 粗体，该配置2.0.3新增
23.     }
24.   }

复制代码

接下来就是在你登录的逻辑中加入验证码对比功能
首先使用构造函数的注入方式将ICaptcha分布式缓存进行依赖注入

1. private readonly ICaptcha _captcha;
3.         /// <summary>
4.         ///
5.         /// </summary>
6.         /// <param name="captcha"></param>
7.         public CaptchaController(ICaptcha captcha)
8.         {
9.             _captcha = captcha;
10.         }

复制代码

然后通过

1. /// <summary>
2.         /// 获取验证码
3.         /// </summary>
4.         /// <param name="id"></param>
5.         /// <returns></returns>
6.         [HttpGet("ICaptcha")]
7.         public IActionResult Captcha(string id)
8.         {
9.             var info = _captcha.Generate(id);
10.             // 有多处验证码且过期时间不一样，可传第二个参数覆盖默认配置。
11.             //var info = _captcha.Generate(id,120);
12.             var stream = new MemoryStream(info.Bytes);
13.             return File(stream, "image/gif");
14.         }

复制代码

获取到图片验证码文件流返回给前端进行显示。
最后用下面的代码将验证后的结果返回判断验证码是否对比成功。

1. /// <summary>
2.         /// 多次校验（https://gitee.com/pojianbing/lazy-captcha/issues/I4XHGM）
3.         /// 演示时使用HttpGet传参方便，这里仅做返回处理
4.         /// </summary>
5.         [HttpGet("IValidate2")]
6.         public IActionResult Validate2(string id, string code)
7.         {
8.             var rul= _captcha.Validate(id, code, false);
9.             return Ok(new
10.             {
11.                 rul
12.             });
13.         }

复制代码

 图片验证码中的验证内容是存储在Redis中的。
这样就可以去使用了，仅供参考，如遇到问题去看原文链接。

来源:https://www.cnblogs.com/zkmblog/archive/2023/09/13/17700513.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！