webapi实现图形验证码功能

QWERTYU · 发表于 2019-3-21 13:08:30

最近接到一个任务，在发送短信验证码的时候加上图形验证码。
第一步：从网上找生成图形验证码的代码，找到几种类型的如下（根据个人网站风格自行调整样式）：

第二步：实现验证功能。
方案一：
将验证码存在session里面，但是webapi默认禁用了session，需要手动配置一下；
找到接口项目中Global.asax文件，添加代码如下：

问题：存入session后，验证取值的时候，发现session一直为null，原因：由于前后端分离，存在跨域问题。
解决方案：使用cors 解决webapi跨域问题；

方案二：
将验证码存在缓存里面，选用redis；
注意：验证完成后及时清理掉对应的缓存数据。缓存时间设置不易过长。
实现效果：

源码下载地址：webapi实现图形验证码验证.rar
下载

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

QWERTYU · 发表于 2020-10-20 09:16:10

qqjqqj 发表于 2020-10-16 09:02
等你注册了，回复了，点下载后显示你没有权限，需要开通会员

我觉得这个流程也有点问题应该把回复可见这一步省略掉然后操作起来会不会好受很多

huyiming · 发表于 2019-4-29 21:36:34

存入session后，验证取值的时候，发现session一直为null，原因：由于前后端分离，存在跨域问题。
解决方案：使用cors 解决webapi跨域问题

QWERTYU · 发表于 2019-5-17 09:46:03

ChinaBoyZY 发表于 2019-5-16 20:31
这个，我正在使用，学习了。谢谢大神

我是个渣渣一起学习

mmxx0212 · 发表于 2019-3-21 16:03:09

图形验证,学习

mickykaby · 发表于 2019-4-17 09:57:26

学习学习

ChinaBoyZY · 发表于 2019-5-16 20:31:25

这个，我正在使用，学习了。谢谢大神

xiewenyu · 发表于 2019-6-12 15:38:57

牛啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

jiezi · 发表于 2019-6-22 16:07:20

kankan......

kangepx · 发表于 2019-6-27 16:37:37

不错，学习了

聪哥 · 发表于 2019-6-28 10:42:34

看看,我看看是不是号用

[交流] webapi实现图形验证码功能