Python Flask实现图片验证码与邮箱验证码流程详细讲解

 更新时间:2022年10月08日 17:03:50   作者:LinTa0  
这篇文章主要介绍了如何利用Python生成随机的图片验证码与邮箱验证码,验证码是一种区分用户是计算机还是人的公共全自动程序,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起试试

1. 图片验证码

1.1 工具类-utility.py

将所有和图片验证码有关的方法放在类 ImageCode

import random
import string
from io import BytesIO
from PIL import Image, ImageFont, ImageDraw
class ImageCode:
    def rand_color(self):
        """生成用于绘制字符串的随机颜色(可以随意指定0-255之间的数字)"""
        red = random.randint(32, 200)
        green = random.randint(22, 255)
        blue = random.randint(0, 200)
        return red, green, blue
    def gen_text(self):
        """生成4位随机字符串"""
        # sample 用于从一个大的列表或字符串中,随机取得N个字符,来构建出一个子列表
        list = random.sample(string.ascii_letters, 5)
        return ''.join(list)
    def draw_verify_code(self):
        """绘制验证码图片"""
        code = self.gen_text()
        width, height = 120, 50  # 设定图片大小,可根据实际需求调整
        im = Image.new('RGB', (width, height), 'white')  # 创建图片对象,并设定背景色为白色
        font = ImageFont.truetype(font='arial.ttf', size=40)  # 选择使用何种字体及字体大小
        draw = ImageDraw.Draw(im)  # 新建ImageDraw对象
        # 绘制字符串
        for i in range(4):
            draw.text((5 + random.randint(-3, 3) + 23 * i, 5 + random.randint(-3, 3)),
                      text=code[i], fill=self.rand_color(), font=font)
        im.show()

此时可以在上面的类中加上下面的代码,单独运行一下,看图片验证码是否会生成

ImageCode().draw_verify_code()

如果正常运行的话,会默认打开自己电脑的图片查看器,然后显示一张图片验证码

还可以在图片验证码中加上干扰线

在 类ImageCode 中,生成验证码方法 draw_verify_code() 的上面加上绘制干扰线的方法,然后在绘制时进行调用

绘制干扰线方法

def draw_lines(self, draw, num, width, height):
    """
    绘制干扰线
    :param draw: 图片对象
    :param num: 干扰线数量
    :param width: 图片的宽
    :param height: 图片的高
    :return:
    """
    for num in range(num):
        x1 = random.randint(0, width / 2)
        y1 = random.randint(0, height / 2)
        x2 = random.randint(0, width)
        y2 = random.randint(height / 2, height)
        draw.line(((x1, y1), (x2, y2)), fill='black', width=2)

绘制图片验证码时,在 im.show() 前调用上述绘制干扰线的方法

方法如下:

def draw_verify_code(self):
    """绘制验证码图片"""
    code = self.gen_text()
    width, height = 120, 50  # 设定图片大小,可根据实际需求调整
    im = Image.new('RGB', (width, height), 'white')  # 创建图片对象,并设定背景色为白色
    font = ImageFont.truetype(font='arial.ttf', size=40)  # 选择使用何种字体及字体大小
    draw = ImageDraw.Draw(im)  # 新建ImageDraw对象
    # 绘制字符串
    for i in range(4):
        draw.text((5 + random.randint(-3, 3) + 23 * i, 5 + random.randint(-3, 3)),text=code[i], fill=self.rand_color(), font=font)
    self.draw_lines(draw, 4, width, height)  # 绘制干扰线
    im.show()

然后再次运行,效果如下:

上述的图片是存储在内存里的,关闭图片后,程序会自动终止

因为最终图片是要返回到前端的,所以上述生成验证码的方法还需再次进行修改,如下:

def draw_verify_code(self):
    """绘制验证码图片"""
    code = self.gen_text()
    width, height = 120, 50  # 设定图片大小,可根据实际需求调整
    im = Image.new('RGB', (width, height), 'white')  # 创建图片对象,并设定背景色为白色
    font = ImageFont.truetype(font='arial.ttf', size=40)  # 选择使用何种字体及字体大小
    draw = ImageDraw.Draw(im)  # 新建ImageDraw对象
    # 绘制字符串
    for i in range(4):
        draw.text((5 + random.randint(-3, 3) + 23 * i, 5 +random.randint(-3, 3)), text=code[i], fill=self.rand_color(), font=font)
        self.draw_lines(draw, 4, width, height)  # 绘制干扰线
    # im.show()  # 如需临时调试,可以直接将生成的图片显示出来
    return im, code

1.2 控制层-user.py

将图片返回给前端

from flask import Blueprint, make_response, session
from common.utility import ImageCode
from module.users import Users
user = Blueprint('user', __name__)
@user.route('/vcode')
def vcode():
    code, bstring = ImageCode().get_code()
    response = make_response(bstring)
    response.headers['Content-Type'] = 'image/jpeg'
    session['vcode'] = code.lower()
    return response

将上述控制器注册进程序的主入口 main.py

if __name__ == '__main__':
    from controller.user import *
    app.register_blueprint(user)
    app.run(debug=True)  # 使项目已debug方式运行

到这里,图片验证码的后端已全部实现

至于前端的话,大家在自己想要放置图片验证码的地方,加个 img 标签即可,然后 src 属性里的值为上述控制器的接口,如下:

<img src="/vcode" style="cursor:pointer;"/>

要想和网上那些点击图片验证码之后,重新生成新的图片验证码的话,就加上一个 onclick 事件

<img src="/vcode" id="loginvcode" class="col-3" style="cursor:pointer;" onclick="this.src='/vcode?'+Math.random()"/>

至于为什么后面要加一个随机数,是因为如果不加的话,前端浏览器识别到是一样的请求时,就不会重新发送,除非你强制刷新页面。但是加个随机数的话,浏览器发现每个请求都是不一样的,就会正常的发送到后端

2. 邮箱验证码

2.1 准备

此次举例使用的是QQ邮箱,使用其他邮箱也可以,操作大致一样

登录自己的QQ邮箱,开通 POP3/SMTP 服务,然后在各自的界面下找到“生成授权码”的按钮,按照各自的流程生成授权码

2.2 工具类-utility.py

在上述的工具类中新增方法

注意,最好不要将方法放在 类ImageCode,就单独放在外面就可以了,也可以新增一个邮箱类,然后放在里面

本人就直接放在外面

from smtplib import SMTP_SSL
from email.mime.text import MIMEText
from email.header import Header
def send_email(self, receiver, ecode):
    """发送邮件"""
    sender = 'XXX <xxxxxxxxx@qq.com>'  # 邮箱账号和发件者签名
    # 定义发送邮件的内容,支持HTML和CSS样式
    content = f"您的邮箱验证码为:<span style='color: red; font-size: 20px;'>{ecode}</span>" 
    message = MIMEText(content, 'html', 'utf-8')  # 实例化邮件对象,并指定邮件的关键信息
    # 指定邮件的标题,同样使用utf-8编码
    message['Subject'] = Header('验证码', 'utf-8')
    message['From'] = sender
    message['To'] = receiver
    smtpObj = SMTP_SSL('smtp.qq.com')  # QQ邮件服务器的链接
    smtpObj.login(user='xxxxxxxxx@qq.com', password='授权码')  # 通过自己的邮箱账号和获取到的授权码登录QQ邮箱
    # 指定发件人、收件人和邮件内容
    smtpObj.sendmail(sender, receiver, str(message))
    smtpObj.quit()
def gen_email_code(self):
    str = random.sample(string.ascii_letters + string.digits, 6)
    return ''.join(str)

2.3 控制层-user.py

@user.route('/ecode', methods=['POST'])
def ecode():
    email = request.form.get('email')
	# 对邮箱进行格式校验
    if not re.match('^.+\\@(\\[?)[a-zA-Z0-9\\-\\.]+\\.([a-zA-Z]{2,3}|[0-9]{1,3})(\\]?)$', email):
        return 'email-invalid'
    code = gen_email_code()
    try:
        send_email(email, code)
        session['ecode'] = code  # 将邮箱验证码保存在session中
        return 'send-pass'
    except:
        return 'send-fail'

到这里,邮箱验证码的后端已全部实现

到此这篇关于Python Flask实现图片验证码与邮箱验证码流程详细讲解的文章就介绍到这了,更多相关Python验证码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • python将邻接矩阵输出成图的实现

    python将邻接矩阵输出成图的实现

    今天小编就为大家分享一篇python将邻接矩阵输出成图的实现,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • Django xadmin安装及使用详解

    Django xadmin安装及使用详解

    这篇文章主要介绍了Django xadmin安装及使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • python安装第三方库如xlrd的方法

    python安装第三方库如xlrd的方法

    这篇文章主要介绍了python安装第三方库如xlrd的方法,本文通过两种方法给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • python 将列表中的字符串连接成一个长路径的方法

    python 将列表中的字符串连接成一个长路径的方法

    今天小编就为大家分享一篇python 将列表中的字符串连接成一个长路径的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Python实现定时发送监控邮件

    Python实现定时发送监控邮件

    这篇文章主要为大家讲解如何用python连接邮箱,实现自动发送监控邮件,文中的示例讲解详细,对我们了解Python有一定的帮助,需要的可以参考一下
    2022-01-01
  • python中lambda函数 list comprehension 和 zip函数使用指南

    python中lambda函数 list comprehension 和 zip函数使用指南

    这篇文章主要介绍了python中lambda函数 list comprehension 和 zip函数使用方法,非常的实用,有需要的朋友可以参考下
    2014-09-09
  • python入门基础之用户输入与模块初认识

    python入门基础之用户输入与模块初认识

    Python的强大之处在于他有非常丰富和强大的标准库和第三方库,几乎你想实现的任何功能都有相应的Python库支持。下面通过本文给大家介绍python入门基础之用户输入与模块初认识,一起看看吧
    2016-11-11
  • Python matplotlib 动画绘制详情

    Python matplotlib 动画绘制详情

    这篇文章主要介绍了Python matplotlib 动画绘制,文章围绕主题展开详细的内容介绍,具有一定的参考价值,感兴趣的小伙伴可以参考一下
    2022-09-09
  • 基于Python实现格斗小游戏的示例代码

    基于Python实现格斗小游戏的示例代码

    格斗游戏,曾经是街机厅里最火爆的游戏之一,甚至可以把“之一”去掉,那个年代的格斗游戏就是街机游戏的王。本文就来用Python实现一个简单的格斗游戏,感兴趣的可以了解一下
    2023-03-03
  • Python正则表达式教程之二:捕获篇

    Python正则表达式教程之二:捕获篇

    什么是捕获呢?使用小括号指定一个子表达式后,匹配这个子表达式的文本(即匹配的内容)可以在表达式或者其他过程中接着用,下面这篇文章就主要介绍了Python正则表达式中关于捕获的相关资料,需要的朋友可以参考下。
    2017-03-03

最新评论