服务器之家

服务器之家 > 正文

用python实现一个简单的验证码

时间:2021-08-11 00:48     来源/作者:极客运维圈

我们经常在登录一个网站,或者注册的时候需要输入一个验证码,有时候觉得很烦,因为有些验证码不仅复杂还看不清,许多用户就会因为这些而懒得再登录或者注册之类的。
既然验证码会造成流失用户的风险,为什么大家都还要使用验证码呢?
这是验证码在一定程度上起到保护网站安全的作用,比如防止大规模恶意注册(比如手机验证码形式,一机一户),再比如反爬虫(至少不会轻易让你爬取数据)等,你看用户基数最大的12306,就会有各种验证码。
既然验证码这么重要,它的原理是什么?是怎么实现的?
它的原理其实很简单,就是在服务器端生成验证码,发送给客户端,并以图像格式显示。客户端提交所显示的验证码,服务端接收并进行比较,若比对失败则不能实现登录或注册,反之成功后跳转相应界面。

我们知道了其原理,实现起来就很简单了,现在网络上也有各种各样已经做好的验证码,我们完全可以拿来即用。但是为了更好的理解其原理,我们来手撸一个简单的验证码,以下是在Django中实现。

简单的验证码

(1)、我们在urls.py中定义一条路由,如下:

  1. url(r'getcode', views.get_code, name="get_code"),

(2)、我们定义一个视图函数get_code(),如下:

  1. from io import BytesIO
  2.  
  3. from PIL import Image, ImageDraw, ImageFont
  4. from django.conf import settings
  5. from django.shortcuts import render, HttpResponse, redirect
  6. def get_code(request):
  7. """
  8. 手撸一个验证码
  9. """
  10. # 定义图像颜色模型
  11. mode = "RGB"
  12. # 定义图像尺寸
  13. size = (200, 100)
  14. # 定义背景色
  15. bg_color = (255, 0, 0)
  16. # 创建图像
  17. image = Image.new(mode=mode, size=size, color=bg_color)
  18. # 创建画布
  19. image_draw = ImageDraw.Draw(image, mode=mode)
  20. # 创建字体,第一个参数是字体,第二个参数是字体大小
  21. image_font = ImageFont.truetype(settings.FONT_PATH, 100)
  22. # 创建一个验证码
  23. verify_code = "Joke"
  24. # 生成验证码
  25. fill_color = (255,255,255)
  26. for i in range(4):
  27. image_draw.text(xy=(50 * i, 0), text=verify_code[i], font=image_font, fill=fill_color)
  28. # 保存图像
  29. fp = BytesIO()
  30. image.save(fp, "png")
  31. return HttpResponse(fp.getvalue(), content_type="image/png")

其中settings.FONT_PATH是我预先定义好的字段,如下

  1. STATICFILES_DIRS = [ os.path.join(BASE_DIR, "statics"),]
  2. FONT_PATH = os.path.join(os.path.join(STATICFILES_DIRS[0], "fonts"),"constan.ttf")

然后我们我们启动服务python manager.py runserver,在浏览器上就可以看到验证码生成了

用python实现一个简单的验证码

能是实现了,但是我们现在是自定义了一个验证码字段,我们是需要随机生成验证码,而且字体颜色,背景颜色这些也不要定死了,然后我们再生成一些干扰点,我们对代码进行如下重构:

  1. def get_code(request):
  2. """
  3. 手撸一个验证码
  4. """
  5. # 定义图像颜色模型
  6. mode = "RGB"
  7. # 定义图像尺寸
  8. size = (200, 100)
  9. # 定义背景色
  10. bg_color = (get_color(), get_color(), get_color())
  11. # 创建图像
  12. image = Image.new(mode=mode, size=size, color=bg_color)
  13. # 创建画布
  14. image_draw = ImageDraw.Draw(image, mode=mode)
  15. # 创建字体,第一个参数是字体,第二个参数是字体大小
  16. image_font = ImageFont.truetype(settings.FONT_PATH, 100)
  17. # 创建一个验证码
  18. # verify_code = "Joke"
  19. verify_code = get_verify_code()
  20. # 生成验证码
  21. # fill_color = (255,255,255)
  22. for i in range(4):
  23. fill_color = (get_color(),get_color(),get_color())
  24. image_draw.text(xy=(50 * i, 0), text=verify_code[i], font=image_font, fill=fill_color)
  25. # 加入干扰点
  26. for i in range(10000):
  27. fill_color = (get_color(),get_color(),get_color())
  28. xy = (random.randrange(200), random.randrange(100))
  29. image_draw.point(xy=xy,fill=fill_color)
  30. # 保存图像
  31. fp = BytesIO()
  32. image.save(fp, "png")
  33. return HttpResponse(fp.getvalue(), content_type="image/png")
  34.  
  35. def get_color():
  36. """随机获取颜色"""
  37. return random.randrange(256)
  38.  
  39. def get_verify_code():
  40. """随机获取验证码"""
  41. verify_code = ''.join(random.choice(string.ascii_uppercase + string.digits + string.ascii_lowercase) for x in range(4))
  42. return verify_code

然后我们重启应用,刷新页面如下

用python实现一个简单的验证码

是不是有点神似了?下面我们创建一个简单的login页面,来实际应用一下验证码。

简单的登录页面

(1)、创建一个路由

  1. url(r'login',views.login, name="login"),

(2)、创建一个Login的视图函数

  1. def login(request):
  2. """登录页面"""
  3. if request.method == "POST":
  4. pass
  5. return render(request, "login.html")

(3)、创建一个login.html的template

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Login</title>
  6. </head>
  7. <body>
  8. <form action="{% url 'app01:login' %}" method="post">
  9. {% csrf_token %}
  10. <span>用户名:</span><input type="text" name="username">
  11. <br>
  12. <span>验证码:</span><input type="text" name="verify_code">
  13. <br>
  14. <img src="{% url 'app01:get_code' %}" alt="">
  15. <br>
  16. <button>登录</button>
  17. </form>
  18.  
  19. </body>
  20. </html>

然后重启服务,浏览器访问如下

用python实现一个简单的验证码

现在我们只是简单的搭建起了流程,我们需要的功能还没有实现,我们需要的功能有:
1、验证码校验
2、点击图片自动刷新验证码
3、忽略大小写

我们现在对项目进行重构,如下:
(1)、我们在get_code视图函数添加一行代码,如下

  1. # 创建一个验证码
  2. # verify_code = "Joke"
  3. verify_code = get_verify_code()
  4. # 加入session
  5. request.session['verify_code'] = verify_code
  6. ......

(2)、修改login视图函数,如下

  1. def login(request):
  2. """登录页面"""
  3. if request.method == "POST":
  4. storage_code = request.session.get("verify_code")
  5. submit_code = request.POST.get("verify_code")
  6. if storage_code.lower() == submit_code.lower():
  7. return HttpResponse("登录成功")
  8. return render(request, "login.html")

(3)、修改login.html代码如下

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Login</title>
  6. </head>
  7. <body>
  8. <form action="{% url 'app01:login' %}" method="post">
  9. {% csrf_token %}
  10. <span>用户名:</span><input type="text" name="username">
  11. <br>
  12. <span>验证码:</span><input type="text" name="verify_code">
  13. <br>
  14. <img src="{% url 'app01:get_code' %}" alt="" name="verify_image">
  15. <br>
  16. <button>登录</button>
  17. </form>
  18. <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.js"></script>
  19. <script>
  20. $(function () {
  21. $("img").on("click", function () {
  22. console.log("来了啊")
  23. $(this).attr("src","{% url 'app01:get_code' %}"+"?id="+Math.random())
  24. })
  25. })
  26. </script>
  27. </body>
  28. </html>

然后就可以愉快的玩耍了,是不是很简单呢?

以上就是用python实现一个简单的验证码的详细内容,更多关于python 实现验证码的资料请关注服务器之家其它相关文章!

原文链接:https://www.cnblogs.com/coolops/p/13577577.html

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部