DRF 中使用 级验科技滑动验证
接口的login 登录
使用 Django 中的 auth 认证 因为之前合并了 django 的 用户表 创建的 用户 密码 会在内部进行加密 不知道加密方式所以要使用 authenticate 来进行判断
使用
APIView
自定义一个 视图
导入 认证
from django.contrib.auth import authenticate
使用 自带的 认证来判断用户名跟密码
class LoginView(APIView):
def post(self, request):
res_obj = MyResponse() # 使用自定义的 响应对象
username, password = request.data.get('username'), request.data.get('password')
auth_obj = authenticate(username=username,password=password)
if auth_obj:
res_obj.data = '登陆成功!'
else:
res_obj.data = '账号或密码错误!'
# logger.debug(request.data)
return Response(res_obj.dict)
可以使用邮箱登录
from django.contrib.auth import authenticate, login, logout
from django.contrib.auth.backends import ModelBackend
from django.db.models import Q
from models import UserProfile # 让用户可以用邮箱登录
# setting 里要有对应的配置
class CustomBackend(ModelBackend):
def authenticate(self, username=None, password=None, **kwargs):
try:
user = UserProfile.objects.get(Q(username = username) | Q(email=username))
if user.check_password(password):
return user
except Exception as e:
return None
复制代码
记得引入models中创建的表 # AUTH 方法(支持邮箱登录)
AUTHENTICATION_BACKENDS = ('users.views.CustomBackend',)
级验科技滑动验证
注意官方文档 学习使用 SDK 并下载 匹配使用 的 SDK
后端 创建 对应的 返回 初始化滑动验证 的 json 数据
from django.shortcuts import HttpResponse
# 从 SDK的 \gt3-python-sdk-master\sdk 中 查找 工具类
from utils.geetest import GeetestLib # 请在官网申请ID使用,示例ID不可使用
pc_geetest_id = "b46d1900d0a894591916ea94ea91bd2c"
pc_geetest_key = "36fc3fe98530eea08dfc6ce76e3d24c4" # 页面初始化时请求的 数据
def pcgetcaptcha(request):
user_id = 'test'
gt = GeetestLib(pc_geetest_id, pc_geetest_key)
status = gt.pre_process(user_id)
# 前后端分离的 项目 永不到
# request.session[gt.GT_STATUS_SESSION_KEY] = status
# request.session["user_id"] = user_id
response_str = gt.get_response_str()
return HttpResponse(response_str)从前端 接收 对应的 数据
// 导入 必须的js文件 从sdk 文档中 查找
import '@/assets/js/gt' created() {
this.$axios.get('/pcgetcaptcha/')
.then((res) => {
console.log(res);
//请检测data的数据结构, 保证data.gt, data.challenge, data.success有值
let data = res.data;
initGeetest({
// 以下配置参数来自服务端 SDK
gt: data.gt,
challenge: data.challenge,
offline: !data.success,
new_captcha: true,
// product: 'popup', // 选项: float、popup、custom、bind
}, function (captchaObj) {
// 这里可以调用验证实例 captchaObj 的实例方法
captchaObj.appendTo("#captchaBox");
//将验证按钮插入到宿主页面中captchaBox元素内 id 选择器
})
})
},
二次 验证 前端 发送 登录请求 并且携带着 滑动验证的 参数
注意:
- validateResult 是包存在 组件中的 data 数据 在 通过滑动验证时执行的函数 需要注意 this 的指向问题 通过 在 外部定义变量来保存 this 对象
methods: {
// 登录的 点击按钮
login_btn() {
this.$axios.post('/login/', {
username: this.username,
password: this.password,
// 滑动验证 相应的 参数
geetest_challenge: this.validateResult.geetest_challenge,
geetest_validate: this.validateResult.geetest_validate,
geetest_seccode: this.validateResult.geetest_seccode,
})
.then((res) => {
if (res.data.code === 0) {
this.$router.push({name: 'home'})
} else {
alert(res.data.error)
}
})
}
},
created() {
this.$axios.get('/pcgetcaptcha/')
.then((res) => {
// 定义变量 保存 this 指向
let base = this;
//请检测data的数据结构, 保证data.gt, data.challenge, data.success有值\
let data = res.data;
initGeetest({
// 以下配置参数来自服务端 SDK
gt: data.gt,
challenge: data.challenge,
offline: !data.success,
new_captcha: true,
// product: 'popup', // 选项: float、popup、custom、bind
}, function (captchaObj) { // 这里可以调用验证实例 captchaObj 的实例方法
//将验证按钮插入到宿主页面中captchaBox元素内 id 选择器
captchaObj.appendTo("#captchaBox");
captchaObj.onReady(function () {
// 加载完验证控件之后 执行
}).onSuccess(function () {
// 验证成功之后 执行
let result = captchaObj.getValidate();
console.log(result);
base.validateResult = result;
}).onError(function () {
// console.log(3333)
//your code
}) }) })},
在视图中 接收 用户信息 以及 滑动验证的 数据
class LoginView(APIView):
def post(self, request):
res_obj = MyResponse()
# 用于滑动验证
gt = GeetestLib(pc_geetest_id, pc_geetest_key)
challenge = request.data.get(gt.FN_CHALLENGE, '')
validate = request.data.get(gt.FN_VALIDATE, '')
seccode = request.data.get(gt.FN_SECCODE, '')
status = True # 前后端分离 没有session 数据 改为 True
if status:
# 通过 级验科技验证
result = gt.success_validate(challenge, validate, seccode, None)
else:
# 通过本地验证
result = gt.failback_validate(challenge, validate, seccode)
if result: # 判断是否是真人 还是爬虫
# 常规用户登录的 数据验证
username, password = request.data.get('username'), request.data.get('password')
auth_obj = authenticate(username=username,password=password)
if auth_obj:
res_obj.data = '登陆成功!'
else:
res_obj.error = '账号或密码错误!'
res_obj.code = 1
else:
# 滑动验证不通过
res_obj.code = 1
res_obj.error = '必须通过滑动验证!'
return Response(res_obj.dict)
DRF 中使用 级验科技滑动验证的更多相关文章
- Django中使用极验Geetest滑动验证码
一,环境部署 1.创建一个django测试项目 此处省略... 二,文档部署 1.下载安装python对应的SDK 使用命令从Github导入完整项目:git clone https://github ...
- Django中使用geetest实现滑动验证
下载第三方模块 导入模块social-auth-app-django 和geetest 提前去官网下载gt.js或者引入http://static.geetest.com/static/tools/g ...
- Vue(7)- vue-cookies、极验滑动验证geetest、vue-router的导航守卫
一.vue-cookies 参考文档简书:https://www.jianshu.com/p/535b53989b39 参考文档npm:https://www.npmjs.com/package/vu ...
- vue-cookies、极验滑动验证geetest、vue-router的导航守卫
一 . vue-cookies 参考文档简书:https://www.jianshu.com/p/535b53989b39 参考文档npm:https://www.npmjs.com/package/ ...
- 滑动验证的设计与实现J2EE
滑动验证的设计与实现J2EE 注:本博文为博主原创,转载请注明出处. 项目源码地址:https://github.com/zhangxy1035/Verify 本篇博文的主要目录如下: 一.项目简介二 ...
- 在AspNetCore中使用极验做行为认证
先上效果图 极验的流程 极验官方文档地址 https://docs.geetest.com/install/deploy/server/csharp 简单说明一下极验的验证流程 引用官方的图片 向服务 ...
- C# Selenium 破解腾讯滑动验证
什么是Selenium? WebDriver是主流Web应用自动化测试框架,具有清晰面向对象 API,能以最佳的方式与浏览器进行交互. 支持的浏览器: Mozilla Firefox Google C ...
- DRF中的序列化器
DRF中的序列化器详细应用 视图的功能:说白了就是接收前端请求,进行数据处理 (这里的处理包括:如果前端是GET请求,则构造查询集,将结果返回,这个过程为序列化:如果前端是POST请求,假如要对数 ...
- day 88 Vue学习之八geetest滑动验证
本节目录 一 geetest前端web中使用 二 xxx 三 xxx 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一 geetest前端web中使用 下载gt文件,官网地址,下面我 ...
随机推荐
- C# 输出字符串到文本文件中
写个博客记录下,方便以后使用: public class WriteHelper { public static void WriteFile(object data) { try { string ...
- ORACLE 配置连接远程数据库
ORACLE配置tnsnames.ora文件实例 客户机为了和服务器连接,必须先和服务器上的监听进程联络.ORACLE通过tnsnames.ora文件中的连接描述符来说明连接信息.一般tnsnames ...
- Jquery ajax, Axios, Fetch区别之我见(转载)
来源:https://segmentfault.com/a/1190000012836882 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被 ...
- vs 调试 iis中的网站
打开网站,在vs中附加进程,选择w3wp.exe,如果不能下断点,设置一下pdb文件位置
- [日常]总结2016年7月入职至2016年7月26号微盘所遇bug
2016年刚入职后在新浪微盘项目上所遇到的问题: 1.前端接口的程序不同版本问题,版本号在程序路径中区分,比如2.4.2/lib/sdk/api/weipan/Client.php 2.文件夹接口的m ...
- php中的for 和foreach性能对比
总体来说,如果数据库过几十万了,才能看出来快一点还是慢一点,如果低于10万的循环,就不用测试了,两者性差异不明显.但是我还是推荐用foreach.循环数字数组时,for需要事先count($arr)计 ...
- C#设计模式之六适配器模式(Adapter Pattern)【结构型】
一.引言 从今天开始我们开始讲[结构型]设计模式,[结构型]设计模式有如下几种:适配器模式.桥接模式.装饰模式.组合模式.外观模式.享元模式.代理模式.[创建型]的设计模式解决的是对象创建的问题,那[ ...
- Python 语法笔记
1.else与while结合 while a>0: pass else: pass #当a<=0时执行 2.with语法,无需关闭文件,python自动关闭 with open('a.tx ...
- js 元素大小缩放实例
元素大小缩放是一套连贯事件,按下鼠标不放,拖动鼠标 然后松开. 按下鼠标事件 当按下鼠标时,记录元素大小.鼠标按下的位置.状态位. 拖动鼠标事件 当鼠标拖动时,计算元素调用后的大小. 元素调整后大小 ...
- Dynamics 365 Online-Unified User Interface
为了加强界面的一致性,提高用户体验,Dynamics 365 Online V9发布了新的Interface:Unified User Interface. 区别于旧的Regular UI,UUI自适 ...