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. vue实用组件——页面公共头部

    可伸缩自适应的页面头部,屏幕适应范围更广泛 效果如下: 代码如下: <template> <div class="site-header"> <div ...

  2. Mybatis的自动映射autoMappingBehavior与mapUnderscoreToCamelCase

    autoMappingBehavior 在Mybatis的配置文件中添加settings属性的autoMappingBehavior <settings> <setting name ...

  3. 理解JVM之垃圾收集器概述

    前言 很多人将垃圾收集(Garbage Collection)视为Java的伴生产物,实际1960年诞生的Lisp是第一门真正使用内存动态分配与垃圾手机技术的语言.在目前看来,内存的动态分配与内存回收 ...

  4. ubuntu 17.10 安装后的应用软件安装

    目录 安装 sogou 拼音 安装markdown编辑器 安装codeblocks 下载工具uGet+aira2 安装QT 安装remarkable(markdown工具) 安装StarUML(UML ...

  5. js 微信支付

    引入 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0. ...

  6. git基础使用——TortoiseGit

    一.初识git Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目. Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制 ...

  7. CentOS7上搭建LDAP-PDC并且将windows 2008 R2加入LDAP-PDC域

    由于测试原因,要涉及到将windows机器加入到ldap域,所以查看各种文档进行ldap-pdc域的搭建,并成功将windows 2008r2加入到ldap-pdc域中.下面简单记录一下搭建过程 Li ...

  8. 用venv 配置不同的开发环境

    首先使用pip 命令安装 pip install virtualenv   (以下是使用win10 操作系统) 1: 在工作目录下创建一个文件夹 mkdir mypython_space 2:然后执行 ...

  9. css实现3D立方体旋转特效

    先来看运行后出来的效果 它是在不停运行的一个立方体 先来看html部分的代码 <div class="rect-wrap"> <!--舞台元素,设置perspec ...

  10. Spring 笔记 -06- 从 MySQL 建库到 登录验证数据库信息(maven)

    Spring 笔记 -06- 从 MySQL 建库到 登录验证数据库信息(maven) 本篇和 Spring 没有什么关系,只是学习 Spring,必备一些知识,所以放在这里了. 本篇内容: (1)M ...