Django商城项目笔记No.4用户部分-注册接口-图片验证码

1、首先分析注册业务接口

1.1.分析可得,至少这么几个接口

  • 图片验证码
  • 短信验证码
  • 用户名是否存在
  • 手机号是否存在
  • 整体注册接口

图片验证码、短信验证码考虑到后续可能会在其他业务中也用到,因此我们将图片验证码独立,创建一个新应用verifications,在此应用中实现图片验证码、短信验证码。

python ../../manage.py startapp verifications

创建应用后记得在配置文件里注册应用

2、图片验证码接口

2.1.具体视图实现

分析思路:

这个逻辑应该继承DRF中的哪个类视图呢?

我们这个ImageCodeView继承APIView即可,原因分析如下:

因为这个视图逻辑,不需要校验参数,因为这个参数由url路由中的正则就可以校验,所以这里压根就不用考虑数据校验,这里也不需要查询数据库,所以也不需要做序列化操作。那么其实说白了,就是不需要序列化器。

那么DRF提供的类视图中只有APIView,可不用序列化器,其他的类视图都需要设置序列化器。

2.2.后端接口实现

首先需要用到第三方的captcha,来生成图片验证码

copy到md_mall的libs中:

具体视图代码如下

from django.http import HttpResponse
from django.shortcuts import render
from rest_framework.views import APIView
from md_mall.libs.captcha.captcha import captcha
from django_redis import get_redis_connection from . import constants
# Create your views here. # 图片验证码
# /image_codes/(?P<image_code_id>[\w-]+)/
# image_code_id参数类型uuid字符串
class ImageCodeView(APIView): def get(self, request, image_code_id): # 生成图片验证码
text, image =captcha.generate_captcha() # 保存真实值到redis
redis_conn = get_redis_connection('verify_codes')
redis_conn.setex('img_%s' % image_code_id, constants.IMAGE_CODE_REDIS_EXPIRES, text)
# 返回图片给前端
return HttpResponse(image, content_type='image/jpg')

verify_codes的redis配置

"verify_codes": {
"BACKEND": "django_redis.cache.RedisCache",
"LOCATION": "redis://127.0.0.1:6379/2",
"OPTIONS": {
"CLIENT_CLASS": "django_redis.client.DefaultClient",
}
}

过期时间: 在verifications应用中新建constants,然后增加图片验证码过去时间

最后是使用HttpResponse返回的响应

问题一,为啥还能返回HttpResponse,不是应该返回Response对象么?

首先Response是间接继承HttpResponse的,而视图本身就应该返回的是HttpResponse。在DRF中可以返回Response,主要是因为Response继承了HttpResponse。

问题二,为啥不返回Response?

这是因为Response会将内容交给json渲染器进行数据格式转换,如下:

但是我们这里是要返回一张图片,那么将图片交给json渲染器是会报错的。所以使用HttpResponse


我在写redis_conn.setex()的时候,在django-redis的文档中https://redis-py.readthedocs.io/en/latest/#indices-and-tables

查到

TODO这两种用法,经过实践,发现使用第一种,会出错,具体原因还未细查

3、url配置

在verifications应用下新建urls.py

3.1配置url

from django.conf.urls import url
from . import views urlpatterns = [
url(r'^image_codes/(?P<image_code_id>[\w-]+)/$', views.ImageCodeView.as_view()),
]

TODO

url中对image_code_id并没有做具体到uuid字符串格式的正则匹配

配置应用的url:

from django.conf.urls import url, include
from django.contrib import admin urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'', include('verifications.urls')),
]

运行程序,浏览器输入http://127.0.0.1:8000/image_codes/1111-2222/

正常显示验证码


图片验证码逻辑中,并没有对路径参数中的image_code_id做具体限制(uuid字符串)

Django商城项目笔记No.4用户部分-注册接口-图片验证码的更多相关文章

  1. Django商城项目笔记No.9用户部分-注册接口签发JWTtoken

    Django商城项目笔记No.9用户部分-注册接口签发JWTtoken 我们在验证完用户的身份后(检验用户名和密码),需要向用户签发JWT,在需要用到用户身份信息的时候,还需核验用户的JWT. 关于签 ...

  2. Django商城项目笔记No.8用户部分-注册接口实现

    Django商城项目笔记No.8用户部分-注册接口实现 users的view.py中增加如下代码 class RegisterUserView(CreateAPIView): "" ...

  3. Django商城项目笔记No.7用户部分-注册接口-判断用户名和手机号是否存在

    Django商城项目笔记No.7用户部分-注册接口-判断用户名和手机号是否存在 判断用户名是否存在 后端视图代码实现,在users/view.py里编写如下代码 class UsernameCount ...

  4. Django商城项目笔记No.6用户部分-注册接口-短信验证码实现celery异步

    Django商城项目笔记No.4用户部分-注册接口-短信验证码实现celery异步 接上一篇,如何解决前后端请求跨域问题? 首先想一下,为什么图片验证码请求的也是后端的api.meiduo.site: ...

  5. Django商城项目笔记No.5用户部分-注册接口-短信验证码

    Django商城项目笔记No.4用户部分-注册接口-短信验证码 短信验证码也保存在redis里(sms_code_15101234567) 在views中新增SMSCodeView类视图,并且写出步骤 ...

  6. Django商城项目笔记No.10用户部分-登录接口

    Django商城项目笔记No.10用户部分-登录接口 添加url路由 接下来第二步,增加返回内容: 增加结果如下: 配置:上边的方法定义了返回的内容都有哪些,那这个方法jwt还不知道,需要配置: 修改 ...

  7. Django商城项目笔记No.12用户部分-QQ登录2获取QQ用户openid

    Django商城项目笔记No.12用户部分-QQ登录2获取QQ用户openid 上一步获取QQ登录网址之后,测试登录之后本该跳转到这个界面 但是报错了: 新建oauth_callback.html & ...

  8. Django商城项目笔记No.11用户部分-QQ登录1获取QQ登录网址

    Django商城项目笔记No.11用户部分-QQ登录 QQ登录,亦即我们所说的第三方登录,是指用户可以不在本项目中输入密码,而直接通过第三方的验证,成功登录本项目. 若想实现QQ登录,需要成为QQ互联 ...

  9. Django商城项目笔记No.3用户部分-用户模型类

    Django商城项目笔记No.3用户部分-用户模型类 Django提供了认证系统,文档资料https://yiyibooks.cn/xx/Django_1.11.6/topics/auth/index ...

随机推荐

  1. JavaScript回调函数及数组方法测试

    JavaScript回调函数及数组方法测试 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> &l ...

  2. 启动SpringBoot项目

    Eclipse创建Spring Boot项目 1.访问http://start.spring.io/ 解压引入Maven项目 2.建议的目录结构 com +- example +- myproject ...

  3. java中递归实现复制多级文件夹

    常见的流的用法 递归实现复制多级文件夹 FileInputStream & FileOutputStream String content = null;//用来储存解码后的byte数组 in ...

  4. protocol buffer c#

    第一.打开vs中的Nuget

  5. 【 js 基础 】【 源码学习 】backbone 源码阅读(三)

    最近看完了 backbone.js 的源码,这里对于源码的细节就不再赘述了,大家可以 star 我的源码阅读项目(https://github.com/JiayiLi/source-code-stud ...

  6. 获取url地址的参数值

    使用频率很高,百度了记录一下 $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + ...

  7. lastIndex()与IndexOf()的区别

    lastIndex()与IndexOf()的区别 str.indexOf() indexOf()方法返回某个指定的字符串值在字符串中首次出现的位置(从左向右).没有匹配的则返回-1,否则返回首次出现位 ...

  8. Echarts之悬浮框中的数据排序

    Echarts非常强大,配置也非常的多,有很多细节需要深入研究.详解一下关于悬浮框中的数据排序问题 悬浮框的数据排序默认是根据series中的数据位置排序的,在我们想自定义排序时,在echarts的配 ...

  9. 图像阈值化-threshold、adaptivethreshold

    在图像处理中阈值化操作,从一副图像中利用阈值分割出我们需要的物体部分(当然这里的物体可以是一部分或者整体).这样的图像分割方法是基于图像中物体与背景之间的灰度差异,而且此分割属于像素级的分割.open ...

  10. Maven学习(二)使用命令创建maven项目

    创建maven项目 手动 严格参照约定目录结构,我们开始手动新增文件夹 命令方式 project项目 我们也可以使用maven自动生成目录: mvn archetype:generate -Dgrou ...