极验滑动验证码

发布时间：2020-12-15 17:17:58 所属栏目：大数据来源：网络整理

导读：Django中使用滑动验证码注册账号极验官方:? 注册好后去申请key和value 下载SDK 从下载 .zip 文件这是python的,当然也有其他语言的~~ 知道你们懒,还是贴上来吧:? 运行项目找到demo里面的django_demo文件夹可以直接启动项目看到效果当然,里面还有flask和t

Django中使用滑动验证码

注册账号

极验官方:?

注册好后去申请key和value

下载SDK

从下载.zip文件

这是python的,当然也有其他语言的~~

知道你们懒,还是贴上来吧:?

运行项目

找到demo里面的django_demo文件夹可以直接启动项目看到效果

当然,里面还有flask和tornado的项目包

geetest django.contrib django.http django.shortcuts request.method == ret = {: 0,: username = request.POST.get(= request.POST.get( gt == request.POST.get(gt.FN_CHALLENGE,= request.POST.get(gt.FN_VALIDATE,= request.POST.get(gt.FN_SECCODE,== request.session[

    </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt; status:
        result </span>=<span style="color: #000000;"&gt; gt.success_validate(challenge,validate,seccode,user_id)
    </span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;:
        result </span>=<span style="color: #000000;"&gt; gt.failback_validate(challenge,seccode)
    </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt; result:
        </span><span style="color: #008000;"&gt;#</span><span style="color: #008000;"&gt; 验证码正确</span>
        <span style="color: #008000;"&gt;#</span><span style="color: #008000;"&gt; 利用auth模块做用户名和密码的校验</span>
        user = auth.authenticate(username=username,password=<span style="color: #000000;"&gt;pwd)
        </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt; user:
            </span><span style="color: #008000;"&gt;#</span><span style="color: #008000;"&gt; 用户名密码正确</span>
            <span style="color: #008000;"&gt;#</span><span style="color: #008000;"&gt; 给用户做登录</span>
            auth.login(request,user)  <span style="color: #008000;"&gt;#</span><span style="color: #008000;"&gt; 将登录用户赋值给 request.user</span>
            ret[<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;msg</span><span style="color: #800000;"&gt;"</span>] = <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/index/</span><span style="color: #800000;"&gt;"</span>
        <span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;:
            </span><span style="color: #008000;"&gt;#</span><span style="color: #008000;"&gt; 用户名密码错误</span>
            ret[<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;status</span><span style="color: #800000;"&gt;"</span>] = 1<span style="color: #000000;"&gt;
            ret[</span><span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;msg</span><span style="color: #800000;"&gt;"</span>] = <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;用户名或密码错误！</span><span style="color: #800000;"&gt;"</span>
    <span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;:
        ret[</span><span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;status</span><span style="color: #800000;"&gt;"</span>] = 1<span style="color: #000000;"&gt;
        ret[</span><span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;msg</span><span style="color: #800000;"&gt;"</span>] = <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;验证码错误</span><span style="color: #800000;"&gt;"</span>

    <span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt; JsonResponse(ret)
</span><span style="color: #0000ff;"&gt;return</span> render(request,<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;login.html</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;)

# 请在官网申请ID使用，示例ID不可使用
pc_geetest_id = "b46d1900d0a894591916ea94ea91bd2c"
pc_geetest_key = "36fc3fe98530eea08dfc6ce76e3d24c4"

# 处理极验获取验证码的视图
def get_geetest(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)

django.conf.urls app01 = url(r

欢迎登录

<div class="container">
<div class="row">
<form class="form-horizontal col-md-6 col-md-offset-3 login-form">
{% csrf_token %}
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="username" name="username" placeholder="用户名">
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="password" name="password" placeholder="密码">
</div>
</div>
<div class="form-group">

<div id="popup-captcha"></div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-default" id="login-button">登录</button>
<span class="login-error"></span>
</div>
</div>
</form>
</div>
</div>

<span style="background-color: #f5f5f5; color: #008000;"&gt;//</span><span style="background-color: #f5f5f5; color: #008000;"&gt; 极验 发送登录数据的</span>
<span style="background-color: #f5f5f5; color: #0000ff;"&gt;var</span><span style="background-color: #f5f5f5; color: #000000;"&gt; handlerPopup </span><span style="background-color: #f5f5f5; color: #000000;"&gt;=</span> <span style="background-color: #f5f5f5; color: #0000ff;"&gt;function</span><span style="background-color: #f5f5f5; color: #000000;"&gt; (captchaObj) {
    </span><span style="background-color: #f5f5f5; color: #008000;"&gt;//</span><span style="background-color: #f5f5f5; color: #008000;"&gt; 成功的回调</span>

captchaObj.onSuccess(function () {
var validate = captchaObj.getValidate();
// 1. 取到用户填写的用户名和密码 -> 取input框的值
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
url: "/login/",// 进行二次验证
 type: "post",dataType: "json",data: {
username: username,password: password,csrfmiddlewaretoken: $("[name='csrfmiddlewaretoken']").val(),geetest_challenge: validate.geetest_challenge,geetest_validate: validate.geetest_validate,geetest_seccode: validate.geetest_seccode
},success: function (data) {
console.log(data);
if (data.status) {
// 有错误，在页面上提示
 $(".login-error").text(data.msg);
} else {
// 登陆成功
 location.href = data.msg;
}
}
});
});

     $(</span><span style="background-color: #f5f5f5; color: #000000;"&gt;"</span><span style="background-color: #f5f5f5; color: #000000;"&gt;#login-button</span><span style="background-color: #f5f5f5; color: #000000;"&gt;"</span><span style="background-color: #f5f5f5; color: #000000;"&gt;).click(</span><span style="background-color: #f5f5f5; color: #0000ff;"&gt;function</span><span style="background-color: #f5f5f5; color: #000000;"&gt; () {
        captchaObj.show();
    });
    </span><span style="background-color: #f5f5f5; color: #008000;"&gt;//</span><span style="background-color: #f5f5f5; color: #008000;"&gt; 将验证码加到id为captcha的元素里</span>

captchaObj.appendTo("#popup-captcha");
// 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
 };
// 当input框获取焦点时将之前的错误清空
 $("#username,#password").focus(function () {
// 将之前的错误清空
 $(".login-error").text("");
});

</span><span style="background-color: #f5f5f5; color: #008000;"&gt;//</span><span style="background-color: #f5f5f5; color: #008000;"&gt; 验证开始需要向网站主后台获取id，challenge，success（是否启用failback）</span>

$.ajax({
url: "/pc-geetest/register?t=" + (new Date()).getTime(),// 加随机数防止缓存
 type: "get",success: function (data) {
// 使用initGeetest接口
// 参数1：配置参数
// 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
 initGeetest({
gt: data.gt,challenge: data.challenge,product: "popup",// 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
 offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
// 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config
 },handlerPopup);
}
})

</script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!