ASP.NET CORE 项目实战 ---图形验证码的实现

简介  

  很长时间没有来更新博客了,一是,最近有些忙,二是,Core也是一直在摸索中,其实已经完成了一个框架了,并且正在准备在生产环境中试用,但是很多东西也是出于自己理解的肤浅和技术的不断更新,经常变动,所以,如果自己还没有完全搞好,就来写博客,反复的修正,可能会误导一些新手朋友。

  如果有正在研究Core的朋友,可以大家一起交流下。 

 

验证码  

  

  相信很多朋友跟我一样,图形验证码成为了 Core 的一个绊脚石。 

  System.Drawing.Primitives 这是官方的一个Drawing库,但是没有Bitmap、Graphics等很多东西,所以这个做图形验证码基本Pass了。 

     CoreCompat.System.Drawing 这个是一个第三方的,使用了mono的System.Drawing实现,只要安装了之前使用System.Drawing的代码完全不用修改,也支持描画验证码等描画类的功能。如果需要linux或osx支持,可以安装runtime.linux.CoreCompat.System.Drawing和runtime.osx.10.10-x64.CoreCompat.System.Drawing。(地址:https://github.com/CoreCompat/CoreCompat),基本大家都是在用这个吧,这个在Windows下是没有任何问题的,在Linux上一直没有成功,也不知道是自己编译的问题还是什么问题。 

   zkweb.system.drawing 这个也是第三方的,从mono的System.Drawing修改得来的。过程比较详细,也实现了。所以把这个的使用跟大家分享一下。 

  这个类库和CoreCompat的不同点如下 

    • 没有使用强名称,CoreCompat为了让程序集名称一样使用了一个伪造的签名,但是导致Asp.Net和Owin等会检查签名的旧项目启动失败

    • CoreCompat的项目如果直接下载编译会出现100多个错误,大多是类型找不到的错误,我也不知道作者是怎么编译过去的
      这个项目从mono 4.6.1.13复制了所有需要的文件并修改,直接下载编译就可以通过

    • 可以使用dotnet test跑单元测试,目前通过率约为80%

    • 实际在linux上测试过并且给出了各个发行版安装libgdiplus的命令,目前已测试不引用System.Drawing.Primitive,因为System.Drawing.Primitive在.Net Framework下同时引用了原来的System.Drawing,有可能导致编译时类型冲突(实测只有警告)

      • Ubuntu Server 16.04 LTS 64bit

      • Fedora 24 64bit

      • CentOS 7.2 64bit

  

Zkweb.system.drawing

  首先通过Nuget: Install-Package ZKWeb.System.Drawing 添加 引用

   

 

简单的图形验证码生成:

 

public class VierificationCodeServices

    {

        /// <summary>  

        /// 该方法用于生成指定位数的随机数  

        /// </summary>  

        /// <param name="VcodeNum">参数是随机数的位数</param>  

        /// <returns>返回一个随机数字符串</returns>  

        private string RndNum(int VcodeNum)

        {

            //验证码可以显示的字符集合  

            string Vchar = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,p" +

                ",q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,P,P,Q" +

                ",R,S,T,U,V,W,X,Y,Z";

            string[] VcArray = Vchar.Split(new Char[] { ',' });//拆分成数组   

            string code = "";//产生的随机数  

            int temp = -1;//记录上次随机数值,尽量避避免生产几个一样的随机数  


            Random rand = new Random();

            //采用一个简单的算法以保证生成随机数的不同  

            for (int i = 1; i < VcodeNum + 1; i++)

            {

                if (temp != -1)

                {

                    rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks));//初始化随机类  

                }

                int t = rand.Next(61);//获取随机数  

                if (temp != -1 && temp == t)

                {

                    return RndNum(VcodeNum);//如果获取的随机数重复,则递归调用  

                }

                temp = t;//把本次产生的随机数记录起来  

                code += VcArray[t];//随机数的位数加一  

            }

            return code;

        }


        /// <summary>  

        /// 该方法是将生成的随机数写入图像文件  

        /// </summary>  

        /// <param name="code">code是一个随机数</param>

        /// <param name="numbers">生成位数(默认4位)</param>  

        public MemoryStream Create(out string code, int numbers = 4)

        {

            code = RndNum(numbers);

            Bitmap Img = null;

            Graphics g = null;

            MemoryStream ms = null;

            Random random = new Random();

            //验证码颜色集合  

            Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };


            //验证码字体集合

            string[] fonts = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial", "宋体" };



            //定义图像的大小,生成图像的实例  

            Img = new Bitmap((int)code.Length * 18, 32);


            g = Graphics.FromImage(Img);//从Img对象生成新的Graphics对象    


            g.Clear(Color.White);//背景设为白色  


            //在随机位置画背景点  

            for (int i = 0; i < 100; i++)

            {

                int x = random.Next(Img.Width);

                int y = random.Next(Img.Height);

                g.DrawRectangle(new Pen(Color.LightGray, 0), x, y, 1, 1);

            }

            //验证码绘制在g中  

            for (int i = 0; i < code.Length; i++)

            {

                int cindex = random.Next(7);//随机颜色索引值  

                int findex = random.Next(5);//随机字体索引值  

                Font f = new Font(fonts[findex], 15, FontStyle.Bold);//字体  

                Brush b = new SolidBrush(c[cindex]);//颜色  

                int ii = 4;

                if ((i + 1) % 2 == 0)//控制验证码不在同一高度  

                {

                    ii = 2;

                }

                g.DrawString(code.Substring(i, 1), f, b, 3 + (i * 12), ii);//绘制一个验证字符  

            }

            ms = new MemoryStream();//生成内存流对象  

            Img.Save(ms, ImageFormat.Jpeg);//将此图像以Png图像文件的格式保存到流中  


            //回收资源  

            g.Dispose();

            Img.Dispose();

            return ms;

        }

    }


测试运行 

在Controller中新建一个 IActionResult 用于输出验证码:

/// <summary>

        /// 图形验证码

        /// </summary>

        /// <returns></returns>

        public IActionResult ValidateCode([FromServices]VierificationCodeServices _vierificationCodeServices)

        {

            string code = "";

            System.IO.MemoryStream ms = _vierificationCodeServices.Create(out code);

            HttpContext.Session.SetString("LoginValidateCode", code);

            Response.Body.Dispose();

            return File(ms.ToArray(), @"image/png");

        }

前台输出:<img id="imgVerify" src="/sysmanage/account/ValidateCode" alt="看不清?点击更换" οnclick="this.src = this.src + '?'" style="vertical-align:middle;" />

 Windows

 

  我们在Windows下运行一下:

  

 

Linux(CentOS7)

 

    我们按照步骤,执行以下命令:  

     yum install autoconf automake libtool


     yum install freetype-devel fontconfig libXft-devel


     yum install libjpeg-turbo-devel libpng-devel giflib-devel libtiff-devel libexif-devel


     yum install glib2-devel cairo-devel


     git clone https://github.com/mono/libgdiplus


     cd libgdiplus


     ./autogen.sh


     make


     make install


     cd /usr/lib64/


     ln -s /usr/local/lib/libgdiplus.so gdiplus.dll

 

   把我们发布好的项目上传到Linux服务器上,进入项目目录:

  cd OcelotWeb

  dotnet Ocelot.Web.dll

   

 

  我们的打开网站看一下:

  

 

  没有显示出来,我们看下运行的日志:

  

 

  FontFamily Not Found,字体的错误,我们看一下我们的代码:

  

 

  这些字体Linux没有,这个解决办法很多,这里我用了最简单的,我不想再去修改我的代码,我就直接把windows下的这些字体拷贝出来:

  

  上传到服务器的 /usr/share/fonts/chinese/TrueType 目录下(chinese/TrueType 两个目录是自己创建的)

  进入这个目录:

  cd /usr/share/fonts/chinese/TrueType

  mkfontscale

  mkfontdir

   fc-cache -fv

  

  再次打开之前的页面:

  

 

   出现了!

原文地址:http://www.cnblogs.com/yuangang/p/6000460.html


.NET社区新闻,深度好文,微信中搜索dotNET跨平台或扫描二维码关注


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/328082.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue.js 接收url参数

转载自 vue.js 接收url参数1) 路由配置传参方式在配置路由时 例如 "/firewall/authorize/:uid/:uname/:token"页面url为 http://XXX.com/firewall/authorize/23/zhangman/232454 js 接收方式 this.$route.params.uid,2) ?传参方式例 http://XXX.com/firewall/auth…

在IDEA中将SpringBoot项目打包成jar包的方法 不要用 在上面有可以用的

在IDEA中将SpringBoot项目打包成jar包的方法 2018年03月07日 10:43:52 叶叶叶叶大爷 阅读数 71375 版权声明&#xff1a; https://blog.csdn.net/qq_37105358/article/details/79467401 SpringBoot项目无需依赖tomcat容器(内含)就可以发布,现在将打包步骤记录一下: 1. 打包前…

磁珠 符号_贴片磁珠功能_贴片磁珠应用

磁珠专用于抑制信号线、电源线上的高频噪声和尖峰干扰&#xff0c;还具有吸收静电脉冲的能力。磁珠是用来吸收超高频信号&#xff0c;像一些RF电路&#xff0c;PLL&#xff0c;振荡电路&#xff0c;含超高频存储器电路(DDRSDRAM&#xff0c;RAMBUS等)都需要在电源输入部分加磁珠…

跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题

问题 生成缩略图生成验证码生成二维码给图片加水印 外部引用 Node 不解释 https://nodejs.org/en/download/sharp 高性能缩略图 https://github.com/lovell/sharpqr-image 二维码 https://github.com/alexeyten/qr-imagecaptchagen 验证码 https://github.com/contra/ca…

Vue动态路由匹配

转载自 动态路由匹配我们经常需要把某种模式匹配到的所有路由&#xff0c;全都映射到同个组件。例如&#xff0c;我们有一个 User 组件&#xff0c;对于所有 ID 各不相同的用户&#xff0c;都要使用这个组件来渲染。那么&#xff0c;我们可以在 vue-router 的路由路径中使用…

用IDEA把SpringBoot项目打成jar发布项目 不要用 在上面有可以用的

用IDEA把SpringBoot项目打成jar发布项目 2019年03月27日 11:08:51 小天努力学java 阅读数 235更多 所属专栏&#xff1a; SpringBoot学习 版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 https://blog.csdn.net/tian330726/article/details/8882…

oracle笔记整理2

--创建员工信息表 create table employee ( empno number(4) not null,--员工编号 ename varchar2(10), --员工姓名 job varchar2(9), --员工工种 mgr number(4), --上级经理编号 hiredate date, --受雇日期 sal number(7,2), --员工薪水 comm number(7,2…

lin通讯从节点同步间隔场_汽车行业必须知识--CAN FD通讯

前面我们讲了CAN的基础知识&#xff0c;但是由于CAN总线存在通讯速率低&#xff0c;报文头过长&#xff0c;刷新速率低等缺点。为解决这些问题CAN-FD应运而生。首先看看发展历史&#xff0c;2012年&#xff0c;BOSCH发布CAN FD white paper V1.0&#xff1b;2014&#xff0c;In…

ASP.NET Core loves JavaScript

前言 在 ASP.NET 团队的 Github 的主页上&#xff0c;有这样一个开源项目叫&#xff1a;“JavaScriptsServices”&#xff0c;那么什么是 JavaScriptsServices 呢&#xff1f; 它又有什么用呢&#xff1f; 下面就让我们一起来看一下吧。 什么是 JavascriptServices GitHub&…

npm 常用命令详解

转载自 【原】npm 常用命令详解今年上半年在学习gulp的使用&#xff0c;对npm的掌握是必不可少的&#xff0c;经常到npm官网查询文档让我感到不爽&#xff0c;还不如整理了一些常用的命令到自己博客上&#xff0c;于是根据自己的理解简单翻译过来&#xff0c;终于有点输出&…

阿里云服务器 window server tomcat启动 并且关闭window防火墙 配置8080端口开放还是没用

阿里云windows server 服务器开放端口 1.远程服务器关闭windows防火墙 不需要开放端口 2.阿里云管理平台开放指定的端口 如8081 阿里云服务器 window server tomcat启动 并且关闭window防火墙 配置8080端口开放还是没用 必须阿里云控制台开放指定的端口 不…

以ABP为基础架构的一个中等规模的OA开发日志

前言&#xff1a; 最近园子里ABP炒的火热。看了几篇对于ABP的介绍后&#xff0c;深感其设计精巧&#xff0c;实现优雅。个人感觉&#xff0c;ABP或ABP衍生品的架构设计&#xff0c;未来会成为中型Net项目的首选架构模式。如果您还不了解ABP是什么&#xff0c;有什么特色&#x…

vue 指令基本使用大全

转载自 vue 指令基本使用大全 指令 解释&#xff1a;指令 (Directives) 是带有 v- 前缀的特殊属性作用&#xff1a;当表达式的值改变时&#xff0c;将其产生的连带影响&#xff0c;响应式地作用于 DOM 常用指令 v-textv-htmlv-bindv-text 解释&#xff1a;更新元素的 textCon…

JAVA基础学习---Markdown

这里写自定义目录标题Markdown学习标题字体引用分割线图片超链接列表有序列表无序列表表格代码进退源代码模式Markdown学习 标题 加上空格是一级标题&#xff0c;二级标题是两个#加上空格&#xff0c;以此类推 字体 hello&#xff0c;world 前后各加两个*是粗体 hello&…

opencv立方体的画法_用opengl立方体的画法

/*** &#xff01; 使用该程序前须知 &#xff01;1.首先下载 glut-3[1].7.6.rar 压缩包2.解压后里面会有如下三个文件&#xff0c;把这三个文件分别放入 to 后的文件夹glut32.dll to C:\windows\System32glut32.lib to ..\..\VC98\lib 这个目录在VC6.0安装目录中可以找到glut.…

oracle基本笔记整理及案例分析1

/* Oracle数据库的应用 */--创建一个自动增长的表空间worktbs create tablespace worktbs datafile E:\E盘\worktbs01.dbf size 10M autoextend on;--删除表空间 --drop tablespace worktbs;--在表空间里面创建一个新用户 create user martin --用户名 identified b…

使用 JavaScriptService 在.NET Core 里实现DES加密算法

文章《ASP.NET Core loves JavaScript》和《跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题》为我们扩展.NET Core的API提供了一套解决方案&#xff0c;上周在看.NET的加解密算法发现目前为止没有包括DES算法&#xff0c;github上在才刚刚加入&am…

电脑基本快捷键的使用

电脑快捷键 Tab键 等于六个空格 Alt键 Alt加上F4关闭当前窗口 Ctrl键 Ctrl加S保存 shift键 shift加delete永久性的删除(不会出现在回收站中) win win加E打开我的电脑 win加tab桌面多窗口预览,切换 其他 cmd打开命令行窗口 任务管理器结束进程后 cmd输入explorer可…

IDEA把Springboot打成可执行jar包,内嵌tomcat 这个可以用

IDEA把Springboot打成可执行jar包&#xff0c;内嵌tomcat 2018年11月23日 18:36:30 ta山之石可以攻玉 阅读数 3061 版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。https://blog.csdn.net/qq_30264689/article/details/84401995 IDEA把spring-boo…

axios使用说明

转载自 axios使用说明安装 使用 npm: $ npm install axios使用 bower: $ bower install axios使用 cdn: <script src"https://unpkg.com/axios/dist/axios.min.js"></script>Example 执行 GET 请求 // 为给定 ID 的 user 创建请求 axios.get(/user?ID1…