架构师_程序员_码农网

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 519|回复: 4

[.NET Core] ASP.NET Core(十四)基于 SkiaSharp 图片验证码

[复制链接]
发表于 2022-4-4 12:25:53 | 显示全部楼层
之前在使用 .NET Framework 开发 ASP.NET 项目的时候,都是部署在 Windows 系统,还无法跨平台,可以使用 System.Drawing 来生成图片验证码,参考如下:

asp.net mvc漂亮的图片验证码
https://www.itsvse.com/thread-4911-1-1.html

webapi实现图形验证码功能
https://www.itsvse.com/thread-7304-1-1.html

在线使用 .NET Core 项目开发,生成图片验证码需要引用 System.Drawing.Common 类库,但是现在 System.Drawing.Common NuGet 包现在被归为 Windows 特定的库。 在为非 Windows 操作系统编译时,平台分析器会在编译时发出警告。如下图所示:

可在所有平台上访问此调用站点。"Font" 仅在 'windows' 上受支持。

QQ截图20220404114101.jpg

在 .NET 6 之前,使用 System.Drawing.Common 包不会产生任何编译时警告,也不会引发任何运行时异常。从 .NET 6 开始,当为非 Windows 操作系统编译引用代码时,平台分析器会发出编译时警告。 此外,除非设置了配置选项,否则将引发以下运行时异常:


System.TypeInitializationException : The type initializer for 'Gdip' threw an exception.
      ---- System.PlatformNotSupportedException : System.Drawing.Common is not supported on non-Windows platforms. See https://aka.ms/systemdrawingnonwindows for more information.
      Stack Trace:
           at System.Drawing.SafeNativeMethods.Gdip.GdipCreateBitmapFromFile(String filename, IntPtr& bitmap)
        /_/src/libraries/System.Drawing.Common/src/System/Drawing/Bitmap.cs(42,0): at System.Drawing.Bitmap..ctor(String filename, Boolean useIcm)
        /_/src/libraries/System.Drawing.Common/src/System/Drawing/Bitmap.cs(25,0): at System.Drawing.Bitmap..ctor(String filename)
        /_/src/libraries/System.Resources.ResourceManager/tests/ResourceManagerTests.cs(270,0): at System.Resources.Tests.ResourceManagerTests.EnglishImageResourceData()+MoveNext()
        /_/src/libraries/System.Linq/src/System/Linq/Select.cs(136,0): at System.Linq.Enumerable.SelectEnumerableIterator`2.MoveNext()
        ----- Inner Stack Trace -----
        /_/src/libraries/System.Drawing.Common/src/System/Drawing/LibraryResolver.cs(31,0): at System.Drawing.LibraryResolver.EnsureRegistered()
        /_/src/libraries/System.Drawing.Common/src/System/Drawing/GdiplusNative.Unix.cs(65,0): at System.Drawing.SafeNativeMethods.Gdip.PlatformInitialize()
        /_/src/libraries/System.Drawing.Common/src/System/Drawing/Gdiplus.cs(27,0): at System.Drawing.SafeNativeMethods.Gdip..cctor()

错误参考:

.NET Core 在 Linux 图片加水印问题
https://www.itsvse.com/thread-9605-1-1.html

在跨平台对图像处理,微软官方文档建议使用如下类库:

  • ImageSharp
  • SkiaSharp
  • Microsoft.Maui.Graphics

参考:https://docs.microsoft.com/zh-cn/dotnet/core/compatibility/core-libraries/6.0/system-drawing-common-windows-only

本文使用 SkiaSharp 类库来生成图形验证码,SkiaSharp 是基于 Google 的 Skia 图形库 ( skia.org ) 的用于 .NET 平台的跨平台 2D 图形 API。它提供了一个全面的 2D API,可以跨移动、服务器和桌面模型使用来渲染图像。

地址:https://github.com/mono/SkiaSharp

首先,新建 ASP.NET Core 6 的项目,引用 SkiaSharp 相关类库,如下:

注意,如果项目需要部署到 Linux 系统,需要引用 SkiaSharp.NativeAssets.Linux 类库,否则会报错如下:

4月 03 18:51:06 raspberrypi dotnet[6203]: fail: Microsoft.AspNetCore.Diagnostics.ExceptionHandlerMiddleware[1]
4月 03 18:51:06 raspberrypi dotnet[6203]:       An unhandled exception has occurred while executing the request.
4月 03 18:51:06 raspberrypi dotnet[6203]:       System.TypeInitializationException: The type initializer for 'SkiaSharp.SKImageInfo' threw an exception.
4月 03 18:51:06 raspberrypi dotnet[6203]:        ---> System.DllNotFoundException: Unable to load shared library 'libSkiaSharp' or one of its dependencies. In order to help diagnose loading problems, consider setting the LD_DEBUG environment variable: liblibSkiaSharp: cannot open shared object file: No such file or directory
4月 03 18:51:06 raspberrypi dotnet[6203]:          at SkiaSharp.SkiaApi.sk_colortype_get_default_8888()
4月 03 18:51:06 raspberrypi dotnet[6203]:          at SkiaSharp.SKImageInfo..cctor()
4月 03 18:51:06 raspberrypi dotnet[6203]:          --- End of inner exception stack trace ---
4月 03 18:51:06 raspberrypi dotnet[6203]:          at HomeCloud.ImageCaptcha.GetCaptcha(String captchaText, Int32 width, Int32 height, Int32 lineNum, Int32 lineStrookeWidth) in C:\Users\itsvse_pc\source\repos\ConsoleApp1\HomeCloud\ImageCaptcha.cs:line 184
4月 03 18:51:06 raspberrypi dotnet[6203]:          at HomeCloud.Controllers.HomeController.Test() in C:\Users\itsvse_pc\source\repos\ConsoleApp1\HomeCloud\Controllers\HomeController.cs:line 80
4月 03 18:51:06 raspberrypi dotnet[6203]:          at lambda_method34(Closure , Object , Object[] )

为了考虑到不同系统下可能会缺少一些 font 字体,导致无法正常显示验证码的信息,我们需要手动将字体复制到项目中,在项目新建 fonts 文件夹,将字体复制进去,如下图:

QQ截图20220404114955.jpg

配置如下:

根据网上的参考资料,测试生成的图形验证码如下:

QQ截图20220404113806.jpg

生成的验证码有两个缺点:验证码全是黑色(容易被 OCR 识别),验证码字母之间没有间隔都挤在一起,为了解决这两个问题,我优化了一下代码,如下:

HomeController 控制器代码如下:

最终效果图如下:

code.gif
最后,附上字体文件:

游客,如果您要查看本帖隐藏内容请回复


(完)




上一篇:【转】.NET 6 新特性 Enumerable.Chunk()
下一篇:Angular 阻止父类点击事件的触发
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
 楼主| 发表于 2022-4-4 12:28:35 | 显示全部楼层
回顾

ASP.NET Core(十三)判断是否是 Ajax 请求
https://www.itsvse.com/thread-10284-1-1.html

ASP.NET Core(十二)前端 JS、CSS 捆绑和压缩
https://www.itsvse.com/thread-10282-1-1.html

ASP.NET Core(十一)端点路由添加中间件显示所有 DI 服务
https://www.itsvse.com/thread-10269-1-1.html

ASP.NET Core(十)Configuration 配置优先级详解
https://www.itsvse.com/thread-10265-1-1.html

ASP.NET Core(九) 之 Middleware 中间件详解
https://www.itsvse.com/thread-9647-1-1.html

ASP.NET Core 中间件(Middleware)详解
https://www.itsvse.com/thread-8126-1-1.html

ASP.NET Core(八) 之 Swagger UI 默认参数的坑
https://www.itsvse.com/thread-9640-1-1.html

ASP.NET Core(七)深入刨析框架源码
https://www.itsvse.com/thread-9601-1-1.html

ASP.NET Core(六)DI 手动获取注入对象的方法
https://www.itsvse.com/thread-9595-1-1.html

ASP.NET Core(五)基于 CAP 分布式事务
https://www.itsvse.com/thread-9593-1-1.html

ASP.NET Core(四)之过滤器统一 ModelState 模型验证
https://www.itsvse.com/thread-9589-1-1.html

ASP.NET Core(三)使用 ActivatorUtilities 动态创建实例
https://www.itsvse.com/thread-9488-1-1.html

ASP.NET Core(二)通过代码自重启应用
https://www.itsvse.com/thread-9480-1-1.html

ASP.NET Core(一)使用 Redis 缓存
https://www.itsvse.com/thread-9393-1-1.html
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2022-4-4 15:02:24 | 显示全部楼层
学习学习
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2022-4-13 08:58:42 | 显示全部楼层
这个不错·我喜欢。感谢分享!
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
发表于 2022-4-14 09:46:41 | 显示全部楼层
学习大佬的操作,感谢分享
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2022-7-6 06:30

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表