Python高级应用（3）—— 为你的项目添加验证码

验证码在现在来说，是很常见的东西，可以一定程度的保护网站，比如防止网络爬虫恶意爬取网站数据啊，减少低级的攻击啊什么的。但是高级点的骚操作还是不太好防范，所以现在的验证码平台也在升级强化，为了把人和机器严格分开。但是这东西，永远都是看哪一方技术高低的，谁的技术高级，谁就能干倒另一方了。详细的就不说了，总而言之，验证码可以说是目前所有的面向用户的平台都会用到的，所以这项技能必须得会啊。当然不是自己写一个验证码平台

如下：

腾讯云和阿里云分别都有自己的验证码，然后就极验，还有一些其他的我叫不上名的，本教程按极验的官方文档gt3作为案例解析     极验官网

就这博客园的验证码好像也是用的极验，小米官网貌似也用的极验，我感觉极验挺好的，所以采用他们的

环境：后端：Python3的django2

按照极验的 官方文档 来，下载sdk包，解压得：

然后进入解压的目录，使用python setup.py install安装，但是会报如下错误：

这是一个坑，官方文档并没有做注明，打开setup文件：

看到了吧，Python中根本没有utf8的编码，改成【utf-8】即可，保存，重新使用命令安装：

 最后提示安装完成：

由极验的官方文档可知，极验支持Python的django ，flask，Tornado 三个框架，这里我使用django简单创建一个示例看是否安装成功，项目名为gtdemo，app名为gtapp:

按照官方文档，直接导入用使用，但会报错，根本找不到包：

但是查看安装的包确实存在的：

这又是一个坑，此时需要这样，找到刚才那个解压目录下的这了：

将geetest.py文件复制到项目的目录里，我这创建了一个utils文件夹，放到此文件夹里：

同样的，记得改这里的编码：

然后再使用导包命令并运行测试：

 没报错，这才是完事儿了。

还有就是此时用的geetest文件并不是安装包根目录的geetest.py文件，这两个文件虽然名字一样，但是是完全不同的，根目录那个文件内容，它只是辅助的安装文件

 此时我们用到的文件，全部代码就不展示了，看我勾选的部分，就是我们准备导入的模块：

所以这个文件才是对的

由于我电脑装了Python2和3，3刚才是按官方文档手动安装的且已经安装了，所以这里在Python2下用pip安装：

注：这里安装之后能不能直接用要自己去试验，我的是可以导包，但是具体开发没有测试，有时间的朋友可以自己测试，我感觉这样安装更方便，但有没有问题就不好说了

还要一个坑，如果运行django跑不起来，提示要social_django:

需要安装这个模块 social-auth-app-django 才行

这时会安装一大堆东西，安装完就可以用了

用别人的东西肯定要有一个账号才行，去极验官网注册一个账号，极验的账号分了个人和公司，按情况来定，我这注册的是个人号，然后完成后面的操作

注册完账号之后登陆极验的后台，这些步骤不用展示了，电脑常识就不啰嗦了，登陆之后选行为验证：

根据情况来填：

点这里的指引也可以去官方文档

现在点左边的管理设置，拿到id和key，这是创建验证时自动生成的，这两个参数在代码部署会用到

 现在终于开始代码编写了，后续步骤按照官方文档没什么大的坑了，可以跟着官方文档走了，当然你也可以接着看我的教程，主要就根据实际情况来规划代码怎么编写了

官方文档里有相关的参数配置：点我查看

具体就自己研究了

下面给一个实例

当然在下载geetest时，解压目录里其实有模板，可以直接用那个，当然你也可以自定义，我这就直接用极验官方给的模板

但是注意，官方给的是django1的，如果你的django是1那么直接可以用，如果你的跟我一样是django2，那必须做如下修改才行，我给的都是修改过后的，修改之前直接看给的模板：

url：

view:

配置文件里其他不用改，添加这个TEMPLATES参数：

代码：

TEMPLATES = [
    {        'BACKEND': 'django.template.backends.django.DjangoTemplates',        'DIRS': [os.path.join(base_DIR, 'templates')]
        ,        'APP_DIRS': True,        'OPTIONS': {            'context_processors': [                'django.template.context_processors.debug',                'django.template.context_processors.request',                'django.contrib.auth.context_processors.auth',                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

View Code

把根目录的static文件改成templates：

访问/home:

点击提交又报错了：

这里又有一个坑，没用过django1和Django2的朋友可能在这里就迷糊了，这里说的意思是WSGIRequest对象没有session属性，我打开wsgi发现根本没啥可改的，经查，还是配置文件的问题，把MIDDLEWARE_CLASS（这是django1的写法）改成MIDDLEWARE即可

然后下面这个中间件也要注释掉，不然一样报错：

改好重启，访问/home页面，点击提交，终于有了我们想要的验证了：

极验提供的验证码，下面还有两个：

 测试了几次之后没有问题

这几个组件就是极验官方提供的模板，index.html文件里的：

index.html全部代码：

    
    
    
    
        body {
            margin: 50px 0;
            text-align: center;
        }
        .inp {
            border: 1px solid gray;
            padding: 0 10px;
            width: 200px;
            height: 30px;
            font-size: 18px;
        }
        .btn {
            border: 1px solid gray;
            width: 100px;
            height: 30px;
            font-size: 18px;
            cursor: pointer;
        }
        #embed-captcha {
            width: 300px;
            margin: 0 auto;
        }
        .show {
            display: block;
        }
        .hide {
            display: none;
        }
        #notice {
            color: red;
        }        
        #mask {
            display: none;
            position: fixed;
            text-align: center;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            overflow: auto;
        }        
        .popup-mobile {
            position: relative;
        }
        #popup-captcha-mobile {
            position: fixed;
            display: none;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);            -webkit-transform: translate(-50%, -50%);
            z-index: 9999;
        }    


极验验证SDKDemo


















    弹出式Demo，使用ajax形式提交二次验证码所需的验证结果值
    

    

        用户名：
        
    
    

    

        密    码：
        
    

    

    

    





















    移动端手动实现弹出式Demo
    

    

        用户名：
        
    
    

    

        密    码：
        
    
    

    
    
    

index.html

官方文档里还有很多验证组件：点我查看

感兴趣自己去研究了，实际开发的话，就根据自己的情况稍微改改就行了

本次选用的验证组件时最常用的先滑动认证，再提交表单的：

做一个简单的登录验证平台，但是不完全用极验官方的，业务代码自己做，毕竟这东西要拿到我们实际开发中，不可能只用用官方给的几个小demo就完事儿了，开发环境是Python的django2：

创建一个django项目：

然后配置：

url，注意关于两个极验的url都指向的是一个视图类：

view:

html:

标签元素部分：

js部分：

注意，这里还有一个坑，玛德，在这耗了有点久，因为geetest调用了request.session，所以，使用django默认的数据库表django_session，必须要先迁移数据库，再启动项目访问，不然报如下错：

django.db.utils.OperationalError: no such table: django_session

最后启动访问：

点击验证：

 验证成功的，后面的结果就不展示了

详细的代码，其实都没改多少，就只是把自己的业务逻辑加上去了，其他的都是直接用极验官方的

from django.contrib import adminfrom django.urls import re_path, pathfrom generic.views import AuthViewfrom generic.views import GtView

urlpatterns = [
    path('admin/', admin.site.urls),
    path('auth/', AuthView.as_view()),
    re_path(r'^pc-geetest/register', GtView.as_view()),
    re_path(r'^pc-geetest/validate$', GtView.as_view()),
]

url

# coding:utf-8from django.shortcuts import renderfrom django.http import HttpResponsefrom django.views import Viewfrom utils.geetest import GeetestLib# 这个id和key是官方的demo里的，用于展示测试，最好还是注册一个好点，详细步骤看上面的教程pc_geetest_id = "b46d1900d0a894591916ea94ea91bd2c"pc_geetest_key = "36fc3fe98530eea08dfc6ce76e3d24c4"class AuthView(View):    def get(self, request):        return render(request, "index.html")class GtView(View):    def get(self, 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)    def post(self, request):        if request.method == "POST":
            gt = GeetestLib(pc_geetest_id, pc_geetest_key)
            challenge = request.POST.get(gt.FN_CHALLENGE, '')
            validate = request.POST.get(gt.FN_VALIDATE, '')
            seccode = request.POST.get(gt.FN_SECCODE, '')
            status = request.session[gt.GT_STATUS_SESSION_KEY]
            user_id = request.session["user_id"]            if status:
                result = gt.success_validate(challenge, validate, seccode, user_id)            else:
                result = gt.failback_validate(challenge, validate, seccode)
            result = "登录成功" if result else "登录失败"
            return HttpResponse(result)        return HttpResponse("error")

views

    
    
    
    
        body {
            margin: 50px 0;
            text-align: center;
        }
        .inp {
            border: 1px solid gray;
            padding: 0 10px;
            width: 200px;
            height: 30px;
            font-size: 18px;
        }
        .btn {
            border: 1px solid gray;
            width: 100px;
            height: 30px;
            font-size: 18px;
            cursor: pointer;
        }        #embed-captcha {            width: 300px;
            margin: 0 auto;
        }
        .show {
            display: block;
        }
        .hide {
            display: none;
        }        #notice {            color: red;
        }    


请登录

html模板文件

• 1.根据官方文档的步骤来，然后遇到像我这样的问题就可以试试我的解决方法，还不行自己多研究

• 2.多看官方文档，感觉还是挺简单的

• 3.注意我提到的那几个坑

• 4.自建的项目，一定要迁移数据库，再运行项目

作者：yangva
出处：http://www.cnblogs.com/yangva/