Django商城项目笔记No.4用户部分-注册接口-图片验证码
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用户部分-注册接口-图片验证码的更多相关文章
- Django商城项目笔记No.9用户部分-注册接口签发JWTtoken
Django商城项目笔记No.9用户部分-注册接口签发JWTtoken 我们在验证完用户的身份后(检验用户名和密码),需要向用户签发JWT,在需要用到用户身份信息的时候,还需核验用户的JWT. 关于签 ...
- Django商城项目笔记No.8用户部分-注册接口实现
Django商城项目笔记No.8用户部分-注册接口实现 users的view.py中增加如下代码 class RegisterUserView(CreateAPIView): "" ...
- Django商城项目笔记No.7用户部分-注册接口-判断用户名和手机号是否存在
Django商城项目笔记No.7用户部分-注册接口-判断用户名和手机号是否存在 判断用户名是否存在 后端视图代码实现,在users/view.py里编写如下代码 class UsernameCount ...
- Django商城项目笔记No.6用户部分-注册接口-短信验证码实现celery异步
Django商城项目笔记No.4用户部分-注册接口-短信验证码实现celery异步 接上一篇,如何解决前后端请求跨域问题? 首先想一下,为什么图片验证码请求的也是后端的api.meiduo.site: ...
- Django商城项目笔记No.5用户部分-注册接口-短信验证码
Django商城项目笔记No.4用户部分-注册接口-短信验证码 短信验证码也保存在redis里(sms_code_15101234567) 在views中新增SMSCodeView类视图,并且写出步骤 ...
- Django商城项目笔记No.10用户部分-登录接口
Django商城项目笔记No.10用户部分-登录接口 添加url路由 接下来第二步,增加返回内容: 增加结果如下: 配置:上边的方法定义了返回的内容都有哪些,那这个方法jwt还不知道,需要配置: 修改 ...
- Django商城项目笔记No.12用户部分-QQ登录2获取QQ用户openid
Django商城项目笔记No.12用户部分-QQ登录2获取QQ用户openid 上一步获取QQ登录网址之后,测试登录之后本该跳转到这个界面 但是报错了: 新建oauth_callback.html & ...
- Django商城项目笔记No.11用户部分-QQ登录1获取QQ登录网址
Django商城项目笔记No.11用户部分-QQ登录 QQ登录,亦即我们所说的第三方登录,是指用户可以不在本项目中输入密码,而直接通过第三方的验证,成功登录本项目. 若想实现QQ登录,需要成为QQ互联 ...
- Django商城项目笔记No.3用户部分-用户模型类
Django商城项目笔记No.3用户部分-用户模型类 Django提供了认证系统,文档资料https://yiyibooks.cn/xx/Django_1.11.6/topics/auth/index ...
随机推荐
- FFmpeg简易播放器的实现-音视频播放
本文为作者原创,转载请注明出处:https://www.cnblogs.com/leisure_chn/p/10235926.html 基于FFmpeg和SDL实现的简易视频播放器,主要分为读取视频文 ...
- 在MVC应用程序中使用jQuery的验证
呵呵,觉得很久没有写博客了,均是工作忙于公司的ERP系统,这是正确的,因为这才是真正的工作. 今天想写点在MVC应用程序中,使用jQuery来验证.在进行之前,还是先回看一下<MVC会员注册&g ...
- git 使用 VisualStudio 比较分支更改
有时候需要比较两个分支的不同,这时如果提交到 github ,那么默认就可以看到.但是这时因为没有ide的高亮或者其他的功能,看起来觉得不好 默认的 VisualStudio 比较文件比 github ...
- ionic 混合应用开发
windows下安装配置 npm install -g ionic npm install -g cordova ionic start myproject cd myproject ionic pl ...
- 【转】SAP HANA学习资料大全[非常完善的学习资料汇总]
Check out this SDN blog if you plan to write HANA Certification exam http://scn.sap.com/community/ha ...
- JAVA通过XPath解析XML性能比较
转自[http://www.cnblogs.com/mouse-coder/p/3451243.html] 最近在做一个小项目,使用到XML文件解析技术,通过对该技术的了解和使用,总结了以下内容. 1 ...
- Java-函数式编程(三)流(Stream)
流使程序猿可以在抽象层上对集合进行操作. 从外部迭代到内部迭代 什么是外部迭代和内部迭代呢? 个人认为,外和内是相对集合代码而言. 如果迭代的业务执行在应用代码中,称之为外部迭代. 反之,迭代的业务执 ...
- python内置函数每日一学 -- abs()
abs(x) 官方文档解释: Return the absolute value of a number. The argument may be an integer or a floating p ...
- PHP中类和对象的相关函数
class_exists 判断一个类是否存在,参数为一个名字! interface_exists 判断一个接口是否存在,参数也是为一个名字! method_exists 判断一个方法是否存在! 需要两 ...
- 尝试笔记 01 之 CSS 边角上的标签
作者: 八月未见 博客: https://www.cnblogs.com/jmtm/ 以下内容我仅尝试了Firefox浏览器,其他浏览器效果未知. 尝试做一个 CSS 写的角标,因为不能把它移到角落去 ...
